<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link href="/static/images1/BigData.css" rel="stylesheet" type="text/css">
    <link href="/static/images1/index.css" rel="stylesheet" type="text/css">
    <link href="/static/images1/index01.css" rel="stylesheet" type="text/css">
    <script src="/static/images1/jquery.js"></script>
    <link href="/static/images1/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/static/images1/bootstrap-table.css" rel="stylesheet" type="text/css">
    <link href="/static/images1/Security_operation.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/static/images1/default.css" type="text/css">
    <script src="/static/images1/laydate.js"></script>
    <link type="text/css" rel="stylesheet" href="/static/images1/laydate.css">
    <link type="text/css" rel="stylesheet" href="/static/images1/laydate(1).css" id="LayDateSkin">
    <script src="/static/images1/Home_page.js"></script>
    <script type="text/javascript"
        src="http://api.map.baidu.com/api?v=2.0&ak=3546a8cb72e8fb1d148fddb77edaf17d"></script>
    <script type="text/javascript" src="/static/images/Heatmap_min.js"></script>
    <script type="text/javascript" src="/static/images/rem.js"></script>

    <title>人员位置信息可视化大屏展示</title>
    <style type="text/css">
        .BMap_mask {
            background: transparent url(http://api0.map.bdimg.com/images/blank.gif);
        }

        .BMap_noscreen {
            display: none;
        }

        .BMap_button {
            cursor: pointer;
        }

        .BMap_zoomer {
            background-image: url(http://api0.map.bdimg.com/images/mapctrls1d3.gif);
            background-repeat: no-repeat;
            overflow: hidden;
            font-size: 1px;
            position: absolute;
            width: 7px;
            height: 7px;
        }

        .BMap_stdMpCtrl div {
            position: absolute;
        }

        .BMap_stdMpPan {
            width: 44px;
            height: 44px;
            overflow: hidden;
            background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat;
        }

        .BMap_ie6 .BMap_stdMpPan {
            background: none;
        }

        .BMap_ie6 .BMap_smcbg {
            left: 0;
            width: 44px;
            height: 464px;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://api0.map.bdimg.com/images/mapctrls2d0.png");
        }

        .BMap_ie6 .BMap_stdMpPanBg {
            z-index: -1;
        }

        .BMap_stdMpPan .BMap_button {
            height: 15px;
            width: 15px;
        }

        .BMap_panN,
        .BMap_panW,
        .BMap_panE,
        .BMap_panS {
            overflow: hidden;
        }

        .BMap_panN {
            left: 14px;
            top: 0;
        }

        .BMap_panW {
            left: 1px;
            top: 12px;
        }

        .BMap_panE {
            left: 27px;
            top: 12px;
        }

        .BMap_panS {
            left: 14px;
            top: 25px;
        }

        .BMap_stdMpZoom {
            top: 45px;
            overflow: hidden;
        }

        .BMap_stdMpZoom .BMap_button {
            width: 22px;
            height: 21px;
            left: 12px;
            overflow: hidden;
            background-image: url(http://api0.map.bdimg.com/images/mapctrls2d0.png);
            background-repeat: no-repeat;
            z-index: 10;
        }

        .BMap_ie6 .BMap_stdMpZoom .BMap_button {
            background: none;
        }

        .BMap_stdMpZoomIn {
            background-position: 0 -221px;
        }

        .BMap_stdMpZoomOut {
            background-position: 0 -265px;
        }

        .BMap_ie6 .BMap_stdMpZoomIn div {
            left: 0;
            top: -221px;
        }

        .BMap_ie6 .BMap_stdMpZoomOut div {
            left: 0;
            top: -265px;
        }

        .BMap_stdMpType4 .BMap_stdMpZoom .BMap_button {
            left: 0;
            overflow: hidden;
            background: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255, 255, 255, 0.85)), to(rgba(217, 217, 217, 0.85)));
            z-index: 10;
            -webkit-border-radius: 22px;
            width: 34px;
            height: 34px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            -webkit-box-shadow: 0 2px 3.6px #CCC;
            display: -webkit-box;
            -webkit-box-align: center;
            -webkit-box-pack: center;
            -webkit-box-sizing: border-box;
        }

        .BMap_stdMpType4 .BMap_smcbg {
            position: static;
            background: url(http://api0.map.bdimg.com/images/mapctrls2d0_mb.png) 0 0 no-repeat;
            -webkit-background-size: 24px 32px;
        }

        .BMap_stdMpType4 .BMap_stdMpZoomIn {
            background-position: 0 0;
        }

        .BMap_stdMpType4 .BMap_stdMpZoomIn .BMap_smcbg {
            width: 24px;
            height: 24px;
            background-position: 0 0;
        }

        .BMap_stdMpType4 .BMap_stdMpZoomOut {
            background-position: 0 0;
        }

        .BMap_stdMpType4 .BMap_stdMpZoomOut .BMap_smcbg {
            width: 24px;
            height: 6px;
            background-position: 0 -25px;
        }

        .BMap_stdMpSlider {
            width: 37px;
            top: 18px;
        }

        .BMap_stdMpSliderBgTop {
            left: 18px;
            width: 10px;
            overflow: hidden;
            background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat -23px -226px;
        }

        .BMap_stdMpSliderBgBot {
            left: 19px;
            height: 8px;
            width: 10px;
            top: 124px;
            overflow: hidden;
            background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat -33px bottom;
        }

        .BMap_ie6 .BMap_stdMpSliderBgTop,
        .BMap_ie6 .BMap_stdMpSliderBgBot {
            background: none;
        }

        .BMap_ie6 .BMap_stdMpSliderBgTop div {
            left: -23px;
            top: -226px;
        }

        .BMap_ie6 .BMap_stdMpSliderBgBot div {
            left: -33px;
            bottom: 0;
        }

        .BMap_stdMpSliderMask {
            height: 100%;
            width: 24px;
            left: 10px;
            cursor: pointer;
        }

        .BMap_stdMpSliderBar {
            height: 11px;
            width: 19px;
            left: 13px;
            top: 80px;
            overflow: hidden;
            background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat 0 -309px;
        }

        .BMap_stdMpSliderBar.h {
            background: url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat 0 -320px;
        }

        .BMap_ie6 .BMap_stdMpSliderBar,
        .BMap_ie6 .BMap_stdMpSliderBar.h {
            background: none;
        }

        .BMap_ie6 .BMap_stdMpSliderBar div {
            top: -309px;
        }

        .BMap_ie6 .BMap_stdMpSliderBar.h div {
            top: -320px;
        }

        .BMap_zlSt,
        .BMap_zlCity,
        .BMap_zlProv,
        .BMap_zlCountry {
            position: absolute;
            left: 34px;
            height: 21px;
            width: 28px;
            background-image: url(http://api0.map.bdimg.com/images/mapctrls2d0.png);
            background-repeat: no-repeat;
            font-size: 0;
            cursor: pointer;
        }

        .BMap_ie6 .BMap_zlSt,
        .BMap_ie6 .BMap_zlCity,
        .BMap_ie6 .BMap_zlProv,
        .BMap_ie6 .BMap_zlCountry {
            background: none;
            overflow: hidden;
        }

        .BMap_zlHolder {
            display: none;
            position: absolute;
            top: 0;
        }

        .BMap_zlHolder.hvr {
            display: block;
        }

        .BMap_zlSt {
            background-position: 0 -380px;
            top: 21px;
        }

        .BMap_zlCity {
            background-position: 0 -401px;
            top: 52px;
        }

        .BMap_zlProv {
            background-position: 0 -422px;
            top: 76px;
        }

        .BMap_zlCountry {
            background-position: 0 -443px;
            top: 100px;
        }

        .BMap_ie6 .BMap_zlSt div {
            top: -380px;
        }

        .BMap_ie6 .BMap_zlCity div {
            top: -401px;
        }

        .BMap_ie6 .BMap_zlProv div {
            top: -422px;
        }

        .BMap_ie6 .BMap_zlCountry div {
            top: -443px;
        }

        .BMap_stdMpType1 .BMap_stdMpSlider,
        .BMap_stdMpType2 .BMap_stdMpSlider,
        .BMap_stdMpType3 .BMap_stdMpSlider,
        .BMap_stdMpType4 .BMap_stdMpSlider,
        .BMap_stdMpType2 .BMap_stdMpZoom,
        .BMap_stdMpType3 .BMap_stdMpPan,
        .BMap_stdMpType4 .BMap_stdMpPan {
            display: none;
        }

        .BMap_stdMpType3 .BMap_stdMpZoom {
            top: 0;
        }

        .BMap_stdMpType4 .BMap_stdMpZoom {
            top: 0;
        }

        .BMap_cpyCtrl a {
            font-size: 11px;
            color: #7979CC;
        }

        .BMap_scaleCtrl {
            height: 23px;
            overflow: hidden;
        }

        .BMap_scaleCtrl div.BMap_scaleTxt {
            font-size: 11px;
            font-family: Arial, sans-serif;
        }

        .BMap_scaleCtrl div {
            position: absolute;
            overflow: hidden;
        }

        .BMap_scaleHBar img,
        .BMap_scaleLBar img,
        .BMap_scaleRBar img {
            position: absolute;
            width: 37px;
            height: 442px;
            left: 0;
        }

        .BMap_scaleHBar {
            width: 100%;
            height: 5px;
            font-size: 0;
            bottom: 0;
        }

        .BMap_scaleHBar img {
            top: -437px;
            width: 100%;
        }

        .BMap_scaleLBar,
        .BMap_scaleRBar {
            width: 3px;
            height: 9px;
            bottom: 0;
            font-size: 0;
            z-index: 1;
        }

        .BMap_scaleLBar img {
            top: -427px;
            left: 0;
        }

        .BMap_scaleRBar img {
            top: -427px;
            left: -5px;
        }

        .BMap_scaleLBar {
            left: 0;
        }

        .BMap_scaleRBar {
            right: 0;
        }

        .BMap_scaleTxt {
            text-align: center;
            width: 100%;
            cursor: default;
            line-height: 18px;
        }

        .BMap_omCtrl {
            background-color: #fff;
            overflow: hidden;
        }

        .BMap_omOutFrame {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
        }

        .BMap_omInnFrame {
            position: absolute;
            border: 1px solid #999;
            background-color: #ccc;
            overflow: hidden;
        }

        .BMap_omMapContainer {
            position: absolute;
            overflow: hidden;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
        }

        .BMap_omViewMv {
            border-width: 1px;
            border-style: solid;
            border-left-color: #84b0df;
            border-top-color: #adcff4;
            border-right-color: #274b8b;
            border-bottom-color: #274b8b;
            position: absolute;
            z-index: 600;
        }

        .BMap_omViewInnFrame {
            border: 1px solid #3e6bb8;
        }

        .BMap_omViewMask {
            width: 1000px;
            height: 1000px;
            position: absolute;
            left: 0;
            top: 0;
            background-color: #68c;
            opacity: .2;
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
        }

        .BMap_omBtn {
            height: 13px;
            width: 13px;
            position: absolute;
            cursor: pointer;
            overflow: hidden;
            background: url(http://api0.map.bdimg.com/images/mapctrls1d3.gif) no-repeat;
            z-index: 1210;
        }

        .anchorBR .BMap_omOutFrame {
            border-top: 1px solid #999;
            border-left: 1px solid #999;
        }

        .quad4 .BMap_omBtn {
            background-position: -26px -27px;
        }

        .quad4 .BMap_omBtn.hover {
            background-position: 0 -27px;
        }

        .quad4 .BMap_omBtn.BMap_omBtnClosed {
            background-position: -39px -27px;
        }

        .quad4 .BMap_omBtn.BMap_omBtnClosed.hover {
            background-position: -13px -27px;
        }

        .anchorTR .BMap_omOutFrame {
            border-bottom: 1px solid #999;
            border-left: 1px solid #999;
        }

        .quad1 .BMap_omBtn {
            background-position: -39px -41px;
        }

        .quad1 .BMap_omBtn.hover {
            background-position: -13px -41px;
        }

        .quad1 .BMap_omBtn.BMap_omBtnClosed {
            background-position: -26px -41px;
        }

        .quad1 .BMap_omBtn.BMap_omBtnClosed.hover {
            background-position: 0 -41px;
        }

        .anchorBL .BMap_omOutFrame {
            border-top: 1px solid #999;
            border-right: 1px solid #999;
        }

        .quad3 .BMap_omBtn {
            background-position: -27px -40px;
        }

        .quad3 .BMap_omBtn.hover {
            background-position: -1px -40px;
        }

        .quad3 .BMap_omBtn.BMap_omBtnClosed {
            background-position: -40px -40px;
        }

        .quad3 .BMap_omBtn.BMap_omBtnClosed.hover {
            background-position: -14px -40px;
        }

        .anchorTL .BMap_omOutFrame {
            border-bottom: 1px solid #999;
            border-right: 1px solid #999;
        }

        .quad2 .BMap_omBtn {
            background-position: -40px -28px;
        }

        .quad2 .BMap_omBtn.hover {
            background-position: -14px -28px;
        }

        .quad2 .BMap_omBtn.BMap_omBtnClosed {
            background-position: -27px -28px;
        }

        .quad2 .BMap_omBtn.BMap_omBtnClosed.hover {
            background-position: -1px -28px;
        }

        .anchorR .BMap_omOutFrame {
            border-bottom: 1px solid #999;
            border-left: 1px solid #999;
            border-top: 1px solid #999;
        }

        .anchorL .BMap_omOutFrame {
            border-bottom: 1px solid #999;
            border-right: 1px solid #999;
            border-top: 1px solid #999;
        }

        .anchorB .BMap_omOutFrame {
            border-top: 1px solid #999;
            border-left: 1px solid #999;
            border-right: 1px solid #999;
        }

        .anchorT .BMap_omOutFrame {
            border-bottom: 1px solid #999;
            border-right: 1px solid #999;
            border-left: 1px solid #999;
        }

        .anchorNon .BMap_omOutFrame,
        .withOffset .BMap_omOutFrame {
            border: 1px solid #999;
        }

        .BMap_zoomMask0,
        .BMap_zoomMask1 {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: transparent url(http://api0.map.bdimg.com/images/blank.gif);
            z-index: 1000;
        }

        .BMap_contextMenu {
            position: absolute;
            border-top: 1px solid #adbfe4;
            border-left: 1px solid #adbfe4;
            border-right: 1px solid #8ba4d8;
            border-bottom: 1px solid #8ba4d8;
            padding: 0;
            margin: 0;
            width: auto;
            visibility: hidden;
            background: #fff;
            z-index: 10000000;
        }

        .BMap_cmShadow {
            position: absolute;
            background: #000;
            opacity: .3;
            filter: alpha(opacity=30);
            visibility: hidden;
            z-index: 9000000;
        }

        div.BMap_cmDivider {
            border-bottom: 1px solid #adbfe4;
            font-size: 0;
            padding: 1px;
            margin: 0 6px;
        }

        div.BMap_cmFstItem {
            margin-top: 2px;
        }

        div.BMap_cmLstItem {
            margin-bottom: 2px;
        }

        .BMap_shadow img {
            border: 0 none;
            margin: 0;
            padding: 0;
            height: 370px;
            width: 1144px;
        }

        .BMap_pop .BMap_top {
            border-top: 1px solid #ababab;
            background-color: #fff;
        }

        .BMap_pop .BMap_center {
            border-left: 1px solid #ababab;
            border-right: 1px solid #ababab;
            background-color: #fff;
        }

        .BMap_pop .BMap_bottom {
            border-bottom: 1px solid #ababab;
            background-color: #fff;
        }

        .BMap_shadow,
        .BMap_shadow img,
        .BMap_shadow div {
            -moz-user-select: none;
            -webkit-user-select: none;
        }

        .BMap_checkbox {
            background: url(http://api0.map.bdimg.com/images/mapctrls1d3.gif);
            vertical-align: middle;
            display: inline-block;
            width: 11px;
            height: 11px;
            margin-right: 4px;
            background-position: -14px 90px;
        }

        .BMap_checkbox.checked {
            background-position: -2px 90px;
        }

        .BMap_pop .BMap_top img,
        .BMap_pop .BMap_center img,
        .BMap_pop .BMap_bottom img {
            display: none;
        }

        @media print {
            .BMap_noprint {
                display: none;
            }

            .BMap_noscreen {
                display: block;
            }

            .BMap_mask {
                background: none;
            }

            .BMap_pop .BMap_top img,
            .BMap_pop .BMap_center img,
            .BMap_pop .BMap_bottom img {
                display: block;
            }
        }

        .BMap_vectex {
            cursor: pointer;
            width: 11px;
            height: 11px;
            position: absolute;
            background-repeat: no-repeat;
            background-position: 0 0;
        }

        .BMap_vectex_nodeT {
            background-image: url(http://api0.map.bdimg.com/images/nodeT.gif);
        }

        .BMap_vectex_node {
            background-image: url(http://api0.map.bdimg.com/images/node.gif);
        }

        .iw {
            width: 100%;
            -webkit-box-sizing: border-box;
            border: .3em solid transparent;
            -webkit-background-clip: padding;
        }

        .iw_rt {
            position: relative;
            height: 46px;
            width: 195px;
            -webkit-box-sizing: border-box;
            display: -webkit-box;
            -webkit-box-align: center;
            margin: 2px 5px 0 2px;
            background-color: rgba(0, 0, 0, 0.8);
            -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 2px;
            color: #fff;
        }

        .iw_rt:after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: -8px;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-top: 8px solid rgba(0, 0, 0, 0.8);
            border-right: 5px solid transparent;
            margin: 0 0 0 -6px;
        }

        .iw_s {
            text-align: center;
            vertical-align: middle;
            height: 100%;
            -webkit-box-sizing: border-box;
        }

        .iw_rt .iw_s1 {
            color: #cbcbcb;
        }

        .iw_rt b {
            color: #fff;
            font-weight: bold;
        }

        .iw_rt_gr {
            margin-left: -4px;
        }

        .iw_busline {
            margin: 32px 0 0 -3px;
        }

        .iw_busline .iw_cc {
            text-align: center;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            padding: 0 6px;
        }

        .iw_r {
            -webkit-box-ordinal-group: 3;
        }

        .iw_r,
        .iw_l {
            height: 100%;
            font-size: 4.5em;
            text-align: center;
            color: #747474;
            border: none;
            -webkit-box-sizing: border-box;
            -webkit-border-radius: 0;
            line-height: .7em;
            border: 1px solid rgba(255, 255, 255, 0.2);
            width: 41px;
        }

        .iw_r {
            border-style: none none none solid;
        }

        .iw_l {
            border-style: none solid none none;
        }

        .iw_search,
        .iw_l {
            background: url(" bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEz NDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6QjA3NjMyREJDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6QjA3NjMyRENDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDc2MzJEOUM3NDYxMUUxOUFB QzlDOUJENkY4NkJCRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDc2MzJEQUM3NDYxMUUx OUFBQzlDOUJENkY4NkJCRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PllB9T8AAAKuSURBVHjaxFjRcdpAEAX+mVEqiFxB5AoQ HZAKElcArsBWBSgVQCoAVwCuwEoFlivwGQpI7jKrzGXn7ep0EsPO7BjLp/O73bdv9xifTqdRpCXW c+sz65n1lNy3mvzZemX9aN34C6bTKdx8HAHMgVlaX0QeaGv9J4EcBJgD9EA/hzAH7N4Cq/oAW1tf KX+vKEXP7PlMSLFvhQX32BWY49GBOIRO7FKy57wBlnoUQHu5yJX+g4mymdvgFWzkAM3JtwGgmiJw a2/pvQoEYBQCLKNI8RfuaeNjT245gAUdqgHdmkqUPiOctLdJVYkithkAVO/K5cC+M30KAZVSxboo /ybnn1eIR5r5qUyI7P4GX6nqJHskbQsxQ7wqu6aSn2qrgHLrXjqAat5ZC0WlRuzVE0J3uhtBCjRt a3qjX92JIMiOIqYtYgumzpo+7RRtu/E0zvknokMF5GgdQv4Ze/5DWL8CFVe2aNuedGsLCi1vS+WL F4WKNkL2Dnh414FnO1b1R5vKuRaxjKUF2YKBqjuCGtF6nyL5+XxOJWCcL2/CpjzdRYRuGpDShQQs ARUj9U/OnRh7Yr9/CW1JXU4fYxXoHIMCu+iB+gBLIt/LgShDYCYktGCDfCBgvyRgVQgZwTy/jIzy EnQNMZV1QCT4bJ+3XFCkS81/WijdkiYAdSak04BWtabWEmIbsNZYgU00YE+gjyErQeo31GpShVMH Yc+/dwsEzh97/D6ojT2ZMlM1XwN8WP9Ma7NAbZvbtBoEjE+jBT2TusCu5SIbI7z/wLWN1rdKi0o6 cqwTuAmYyTm5NQW/82atWvlnBbo7apxD98qDJxl7mkC76JQ2Qm0CI1xKF95Gb4oLXHJDwJlxjy/u LgruGtNFM8lqnNtfK2JqN3CVeW1gzWj9jThd0xd59R8BBgAAiefGO1Bt1gAAAABJRU5ErkJggg==") no-repeat 50% 50%;
            -webkit-background-size: 19px 19px;
        }

        .iw_line_s,
        .iw_r {
            background: url(" bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEz NDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6QjA3NjMyREZDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6QjA3NjMyRTBDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDc2MzJEREM3NDYxMUUxOUFB QzlDOUJENkY4NkJCRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDc2MzJERUM3NDYxMUUx OUFBQzlDOUJENkY4NkJCRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqheQ+MAAAEtSURBVHja7JftDYIwEIbB8JeEUXACZQPd oGygE+gGxAnQEZzAOgEdwREIDKBXUgjBIqW5Npj0kvcHpG0erveFX1WVZ8l2oBhEhRoLw/BroW8J KgeR3vMVlI5BrSwAHQZAnngmYxtMe4oIL41ZAp6iNqF4/BQTa0oBxmxAcaAHKFJY+wKtAaw0CRUJ oHjGHiY8VpqCKmYCdRkJUKmJ7Ms1gZqkqOs6w/bUGXRCOGePCcXjaItwDsW8PoZ0zhM70IeeyiZi jH/Isf+CF9MAOdCppDj+LJ6yim6j9802B6VqQa818BFjY6AHakHp9Crj15ctCaiFIi7Q/wCKLRHq vjSoVNKWunH4rTBDv5Cv7NKeKfvvU2nINzHAuexzUA7KQTkoB6UxDicKvc+qfQQYABaiUBxugCsr AAAAAElFTkSuQmCC") no-repeat 50% 50%;
            -webkit-background-size: 19px 19px;
        }

        .iw_line {
            height: 64px;
            width: 228px;
            padding: 0 11px;
            line-height: 20px;
        }

        .iw_bustrans .iw_cc {
            text-align: center;
        }

        .iw_c {
            color: #FFFFFF;
            text-decoration: none;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-align: center;
            -webkit-box-flex: 1;
        }

        .iw_cc {
            -webkit-box-sizing: border-box;
            width: 100%;
            border: none;
        }

        .gray_background {
            filter: alpha(opacity=50);
            -moz-opacity: 0.5;
            -khtml-opacity: 0.5;
            opacity: 0.5
        }

        .light_gray_background {
            filter: alpha(opacity=70);
            -moz-opacity: 0.7;
            -khtml-opacity: 0.7;
            opacity: 0.7
        }

        .panoInfoBox {
            cursor: pointer;
        }

        .panoInfoBox {
            position: relative;
            width: 323px;
            height: 101px;
            margin-bottom: 4px;
            cursor: pointer;
        }

        .panoInfoBox .panoInfoBoxTitleBg {
            width: 323px;
            height: 19px;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 2;
            background-color: #000;
            opacity: .7;
        }

        .panoInfoBox .panoInfoBoxTitleContent {
            font-size: 12px;
            color: #fff;
            position: absolute;
            bottom: 2px;
            left: 5px;
            z-index: 3;
            text-decoration: none;
        }

        .RouteAddressOuterBkg {
            position: relative;
            padding: 32px 4px 4px 3px;
            background-color: #ffdd99;
        }

        .RouteAddressInnerBkg {
            padding: 3px 5px 8px 8px;
            background-color: #ffffff;
        }

        #RouteAddress_DIV1 {
            margin-top: 5px;
        }

        .RouteAddressTip {
            position: absolute;
            width: 100%;
            top: 0px;
            text-align: center;
            height: 30px;
            line-height: 30px;
            color: #994c00;
        }

        .route_tip_con {
            position: absolute;
            top: 145px;
        }

        .route_tip_con .route_tip {
            position: absolute;
            width: 233px;
            height: 29px;
            color: #803300;
            text-align: center;
            line-height: 29px;
            border: #cc967a solid 1px;
            background: #fff2b2;
            z-index: 100000;
        }

        .route_tip_con .route_tip span {
            position: absolute;
            top: 0;
            right: 0;
            _right: -1px;
            width: 14px;
            height: 13px;
            background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -121px;
            cursor: pointer;
        }

        .route_tip_con .route_tip_shadow {
            width: 233px;
            height: 29px;
            position: absolute;
            left: 1px;
            top: 1px;
            background: #505050;
            border: 1px solid #505050;
            opacity: 0.2;
            filter: alpha(opacity=20)
        }

        .sel_body_body_page {
            margin: 5px 0
        }

        .sel_n {
            margin-top: 5px;
            overflow: hidden;
        }

        .sel_n .sel_top {
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -418px;
            height: 4px;
            font-size: 0px;
        }

        .sel_n .sel_body_top {
            height: 32px;
            width: 100%;
            background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -41px;
        }

        .sel_n .sel_body_title {
            float: left;
            width: 100%;
            height: 31px;
        }

        .sel_n .sel_body_sign {
            margin-top: 1px;
            width: 30px;
            height: 31px;
            float: left;
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -79px -387px;
        }

        .sel_n .sel_body_name {
            height: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin: 0 20px 0 30px;
            padding: 8px 7px 7px;
            font-size: 14px;
            color: #FA8722;
        }

        .sel_n .sel_body_button {
            float: left;
            width: 55px;
            margin-left: -55px;
            padding-top: 8px;
        }

        .sel_n .sel_body_button a {}

        .sel_n .sel_bottom {
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -415px;
            height: 4px;
            font-size: 0px;
        }

        .sel_n .sel_body_body {
            padding: 3px 0 0 0
        }

        .sel_n1 {
            margin-top: 5px;
            width: 329px;
            overflow: hidden;
        }

        .sel_n1 .sel_top {
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -418px;
            height: 4px;
            font-size: 0px;
        }

        .sel_n1 .sel_body_top {
            height: 31px;
            width: 100%;
            background: url(http://api0.map.bdimg.com/images/sel_body_n_top.gif) repeat-x;
        }

        .sel_n1 .sel_body_top {
            height: 32px;
            width: 100%;
            background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -41px
        }

        .sel_n1 .sel_body_title {
            float: left;
            width: 100%;
            height: 31px;
            cursor: pointer;
        }

        .sel_n1 .sel_body_sign {
            margin-top: 1px;
            width: 30px;
            height: 31px;
            float: left;
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -79px -387px;
        }

        .sel_n1 .sel_body_name {
            margin: 0 20px 0 30px;
            padding: 8px 7px 7px;
            font-size: 14px;
            color: #FA8722;
        }

        .sel_n1 .sel_body_button {
            float: left;
            width: 20px;
            height: 31px;
            margin-left: -23px;
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -253px -382px;
            overflow: hidden;
            zoom: 1;
            cursor: pointer;
        }

        .sel_n1 .sel_body_button a {
            display: none;
        }

        .sel_n1 .sel_body_body {
            display: none
        }

        .sel_n1 .sel_bottom {
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -415px;
            height: 4px;
            font-size: 0px;
        }

        .sel_y {
            margin-top: 5px;
            overflow: hidden;
        }

        .sel_y .sel_top {
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -439px;
            height: 4px;
            zoom: 1;
            font-size: 0px;
        }

        .sel_y .sel_body_top {
            height: 32px;
            width: 100%;
            background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 0
        }

        .sel_y .sel_body_title {
            float: left;
            width: 100%;
            height: 31px;
            cursor: pointer;
        }

        .sel_y .sel_body_sign {
            margin-top: 1px;
            width: 30px;
            height: 31px;
            float: left;
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -167px -384px;
        }

        .sel_y .sel_body_name {
            margin: 0 20px 0 30px;
            padding: 8px 7px 7px;
            font-size: 14px;
            color: #5B7BCB;
        }

        .sel_y .sel_body_button {
            float: left;
            width: 20px;
            height: 31px;
            margin-left: -20px;
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -269px -297px;
            cursor: pointer;
        }

        .sel_y .sel_body_button a {
            display: none;
        }

        .sel_y .sel_body_body {
            display: none;
            height: 0px
        }

        .sel_y .sel_body_body_div {}

        .sel_y .sel_bottom {
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -436px;
            height: 4px;
            font-size: 0px;
        }

        .sel_y .sel_body_body_page {
            display: none;
            height: 0px;
        }

        .sel_x {
            margin-top: 5px;
            width: 329px;
            overflow: hidden;
        }

        .sel_x .sel_top {
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -418px;
            height: 4px;
            font-size: 0px;
        }

        .sel_x .sel_body_top {
            height: 32px;
            width: 100%;
            background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -41px;
        }

        .sel_x .sel_body_title {
            float: left;
            width: 100%;
            height: 31px;
        }

        .sel_x .sel_body_sign {
            margin-top: 1px;
            width: 30px;
            height: 31px;
            float: left;
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -122px -384px;
        }

        .sel_x .sel_body_name {
            margin: 0 20px 0 30px;
            padding: 8px 7px 7px;
            font-size: 14px;
            color: #FA8722;
        }

        .sel_x .sel_body_button {
            float: left;
            width: 55px;
            margin-left: -55px;
            padding-top: 8px;
        }

        .sel_x .sel_body_button a {}

        .sel_x .sel_body_body {}

        .sel_x .sel_body_body_div {
            padding: 5px 5px 0 5px;
        }

        .sel_x .sel_bottom {
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -415px;
            height: 4px;
            font-size: 0px;
        }

        .sel_x1 {
            margin-top: 5px;
            width: 329px;
            overflow: hidden;
        }

        .sel_x1 .sel_top {
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -418px;
            height: 4px;
            font-size: 0px;
        }

        .sel_x1 .sel_body_top {
            height: 32px;
            width: 100%;
            background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -41px
        }

        .sel_x1 .sel_body_title {
            float: left;
            width: 100%;
            height: 31px;
            cursor: pointer;
        }

        .sel_x1 .sel_body_sign {
            margin-top: 1px;
            width: 30px;
            height: 31px;
            float: left;
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -122px -384px;
        }

        .sel_x1 .sel_body_name {
            margin: 0 20px 0 30px;
            padding: 8px 7px 7px;
            font-size: 14px;
            color: #FA8722;
        }

        .sel_x1 .sel_body_button {
            float: left;
            width: 55px;
            height: 31px;
            margin-left: -55px;
        }

        .sel_x1 .sel_body_button a {
            display: none;
        }

        .sel_x1 .sel_body_body {
            display: none;
            height: 0px;
        }

        .sel_x1 .sel_body_body_div {
            padding: 5px 5px 0 5px;
        }

        .sel_x1 .sel_bottom {
            background: url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -415px;
            height: 4px;
            font-size: 0px;
        }

        .sel_body_citylist {
            height: 100px;
            padding: 0 0 0 5px
        }

        .sel_body_resitem {
            table-layout: fixed;
            overflow-x: hidden;
            overflow-y: hidden;
        }

        .sel_body_resitem table {
            margin-right: 5px;
        }

        .sel_body_resitem tr {
            cursor: pointer;
        }

        .sel_body_resitem th {
            padding-top: 5px;
            padding-left: 5px;
            text-align: left;
            vertical-align: top;
            width: 22px;
        }

        .sel_body_resitem th div.iconbg {
            background: url(http://api0.map.bdimg.com/images/markers_new_ie6.png) no-repeat scroll 0 0;
            height: 29px;
            width: 24px;
        }

        .sel_body_resitem th div.icon {
            cursor: pointer
        }

        .sel_body_resitem th div#no_0_1,
        .sel_body_resitem th div#no_1_1 {
            background-position: 0 -64px
        }

        .sel_body_resitem th div#no_0_2,
        .sel_body_resitem th div#no_1_2 {
            background-position: -24px -64px
        }

        .sel_body_resitem th div#no_0_3,
        .sel_body_resitem th div#no_1_3 {
            background-position: -48px -64px
        }

        .sel_body_resitem th div#no_0_4,
        .sel_body_resitem th div#no_1_4 {
            background-position: -72px -64px
        }

        .sel_body_resitem th div#no_0_5,
        .sel_body_resitem th div#no_1_5 {
            background-position: -96px -64px
        }

        .sel_body_resitem th div#no_0_6,
        .sel_body_resitem th div#no_1_6 {
            background-position: -120px -64px
        }

        .sel_body_resitem th div#no_0_7,
        .sel_body_resitem th div#no_1_7 {
            background-position: -144px -64px
        }

        .sel_body_resitem th div#no_0_8,
        .sel_body_resitem th div#no_1_8 {
            background-position: -168px -64px
        }

        .sel_body_resitem th div#no_0_9,
        .sel_body_resitem th div#no_1_9 {
            background-position: -192px -64px
        }

        .sel_body_resitem th div#no_0_10,
        .sel_body_resitem th div#no_1_10 {
            background-position: -216px -64px
        }

        .sel_body_resitem td {
            line-height: 160%;
            padding: 3px 0 3px 3px;
            vertical-align: top;
        }

        .sel_body_resitem div.ra_td_title {
            float: left;
            margin-right: 40px;
        }

        .sel_body_resitem div.ra_td_button {
            float: right;
            width: 40px;
        }

        .sel_body_resitem div.ra_td_button input {
            height: 18px;
            font-size: 12px;
            width: 40px;
        }

        .sel_body_resitem div.clear {
            clear: both;
            height: 0px;
            width: 100%;
        }

        .sel_body_resitem td .selBtn {
            width: 70px;
            height: 29px;
            background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat -21px -81px;
            text-align: center;
            line-height: 29px;
            visibility: hidden;
            color: #b35900;
            display: inline-block;
            *display: inline;
            *zoom: 1;
        }

        .sel_body_resitem td .list_street_view_poi {
            display: inline-block;
            float: none;
            margin-right: 6px;
            position: static;
            *vertical-align: -3px;
            _vertical-align: -5px;
            *display: inline;
            *zoom: 1;
        }

        .selInfoWndBtn {
            width: 70px;
            height: 29px;
            background: url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat -21px -81px;
            text-align: center;
            line-height: 29px;
            margin: 0 auto;
            cursor: pointer;
            color: #b35900
        }

        .sel_body_body td a {
            text-decoration: none;
            cursor: auto;
        }

        .sel_body_body td a:hover,
        .sel_body_body td a:focus {
            text-decoration: underline;
        }

        .panoInfoBox {
            cursor: pointer
        }

        .panoInfoBox {
            position: relative;
            width: 323px;
            height: 101px;
            margin-bottom: 4px;
            cursor: pointer
        }

        .panoInfoBox .panoInfoBoxTitleBg {
            width: 323px;
            height: 19px;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 2;
            background-color: #000;
            opacity: .7
        }

        .panoInfoBox .panoInfoBoxTitleContent {
            font-size: 12px;
            color: #fff;
            position: absolute;
            bottom: 2px;
            left: 5px;
            z-index: 3;
            text-decoration: none
        }

        .pano_switch_left,
        .pano_switch_right {
            position: absolute;
            width: 28px;
            height: 38px;
            cursor: pointer;
            background-color: #252525;
            background-color: rgba(37, 37, 37, .9)
        }

        .pano_switch_left {
            background: url(http://api0.map.bdimg.com/images/panorama/zuojiantou.png) no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%
        }

        .pano_switch_right {
            background: url(http://api0.map.bdimg.com/images/panorama/youjiantou.png) no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%
        }

        .pano_switch_left:hover {
            background: url(http://api0.map.bdimg.com/images/panorama/zuojiantou_hover.png) no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%
        }

        .pano_switch_right:hover {
            background: url(http://api0.map.bdimg.com/images/panorama/youjiantou_hover.png) no-repeat;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%
        }

        .pano_switch_left.pano_switch_disable,
        .pano_switch_right.pano_switch_disable {
            background: 0 0;
            border: none
        }

        .pano_poi_1,
        .pano_poi_2,
        .pano_poi_4 {
            display: inline-block;
            width: 16px;
            height: 16px;
            vertical-align: middle;
            background: url(http://webmap0.map.bdimg.com/newmap/static/common/images/pano_whole/guide_icons_4b871b2.png) no-repeat;
            background-position: 0 0
        }

        .pano_photo_arrow_l,
        .pano_photo_arrow_r {
            position: absolute;
            top: 0;
            width: 20px;
            height: 100%;
            background: #f3eeee
        }

        .pano_photo_arrow_l {
            left: 0
        }

        .pano_photo_arrow_r {
            right: 0
        }

        .pano_arrow_l,
        .pano_arrow_r {
            display: inline-block;
            width: 18px;
            height: 18px;
            background: url(http://webmap0.map.bdimg.com/newmap/static/common/images/pano_whole/pano-icons_223a291.png) no-repeat
        }

        .pano_catlogLi {
            cursor: pointer;
            position: relative;
            line-height: 10px;
            font-size: 10px;
            text-align: center;
            color: #abb0b2;
            border: 1px solid #53565c;
            padding: 3px 0;
            margin-top: 3px;
            margin-left: 2px;
            width: 90%
        }

        .pano_catlogLi:hover {
            color: #3DAAFC;
            border: 1px solid #3DAAFC
        }

        .pano_catlogLiActive {
            color: #3DAAFC;
            border: 1px solid #3DAAFC
        }

        .pano_arrow_l {
            background-position: 0 -36px
        }

        .pano_arrow_r {
            background-position: -54px -36px
        }

        .pano_photo_arrow_l:hover .pano_arrow_l {
            background-position: -18px -36px
        }

        .pano_photo_arrow_r:hover .pano_arrow_r {
            background-position: -72px -36px
        }

        .pano_photo_arrow_l.pano_arrow_disable .pano_arrow_l {
            background-position: -36px -36px
        }

        .pano_photo_arrow_r.pano_arrow_disable .pano_arrow_r {
            background-position: -90px -36px
        }

        .pano_photo_item {
            position: relative;
            float: left;
            line-height: 0;
            padding-left: 8px
        }

        .pano_photo_decs {
            position: absolute;
            bottom: 1px;
            left: 0;
            padding: 2px 0;
            text-indent: 5px;
            margin-left: 8px;
            display: inline-block;
            color: #fff;
            background: #000;
            opacity: .5;
            filter: alpha(opacity=50)9;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap
        }

        .pano_photo_item img {
            display: inline-block;
            border: solid 1px #252525
        }

        .pano_photo_item:hover img {
            border-color: #005efc
        }

        .pano_photo_item_seleted {
            position: absolute;
            top: 0;
            left: -100000px;
            border: 3px solid #097df3
        }

        .pano_close {
            position: absolute;
            right: 10px;
            top: 10px;
            width: 40px;
            cursor: pointer;
            height: 40px;
            line-height: 40px;
            border-radius: 3px;
            background-color: rgba(37, 37, 37, .9);
            background-image: url(http://api0.map.bdimg.com/images/panorama/close.png);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 90%
        }

        .pano_close:hover {
            background-image: url(http://api0.map.bdimg.com/images/panorama/close_hover.png)
        }

        .pano_pc_indoor_exit {
            position: absolute;
            right: 60px;
            top: 10px;
            width: 89px;
            cursor: pointer;
            height: 40px;
            line-height: 40px;
            color: #ebedf0;
            border-radius: 3px;
            background-color: #252525;
            background-color: rgba(37, 37, 37, .9);
            background-image: url(http://api0.map.bdimg.com/images/panorama/indoor_exit.png);
            background-repeat: no-repeat;
            background-position: 15px 12px
        }

        .pano_pc_indoor_exit:hover {
            background-image: url(http://api0.map.bdimg.com/images/panorama/indoor_exit_hover.png);
            color: #2495ff
        }

        .pano_m_indoor_exit {
            font-size: 16px;
            position: absolute;
            right: 30px;
            top: 10px;
            width: 89px;
            cursor: pointer;
            height: 40px;
            line-height: 40px;
            color: #ebedf0;
            border-radius: 3px;
            background-color: #252525;
            background-color: rgba(37, 37, 37, .9);
            background-image: url(http://api0.map.bdimg.com/images/panorama/indoor_exit.png);
            background-repeat: no-repeat;
            background-position: 15px 12px
        }

        .navtrans-table tr {
            color: #666
        }

        .navtrans-table tr:hover {
            color: #333
        }

        .navtrans-navlist-icon {
            float: left;
            width: 18px;
            height: 16px;
            background: url(http://webmap0.map.bdimg.com/wolfman/static/common/images/nav-icon_b5c3223.png) no-repeat 0px 0px;
            _background: url(http://webmap0.map.bdimg.com/wolfman/static/common/images/nav-icon_ie6_134841b.png) no-repeat 0px 0px;
            margin-top: 2px;
            margin-right: 5px
        }

        .navtrans-navlist-icon.s-1 {
            background-position: 0px 0px
        }

        .navtrans-navlist-icon.s-2 {
            background-position: -18px 0px
        }

        .navtrans-navlist-icon.s-3 {
            background-position: -36px 0px
        }

        .navtrans-navlist-icon.s-4 {
            background-position: -54px 0px
        }

        .navtrans-navlist-icon.s-5 {
            background-position: -72px 0px
        }

        .navtrans-navlist-icon.s-6 {
            background-position: -90px 0px
        }

        .navtrans-navlist-icon.s-7 {
            background-position: 0px -16px
        }

        .navtrans-navlist-icon.s-8 {
            background-position: -18px -16px
        }

        .navtrans-navlist-icon.s-9 {
            background-position: -36px -16px
        }

        .navtrans-navlist-icon.s-10 {
            background-position: -54px -16px
        }

        .navtrans-navlist-icon.s-11 {
            background-position: -72px -16px
        }

        .navtrans-navlist-icon.s-12 {
            background-position: -90px -16px
        }

        .navtrans-navlist-icon.s-13 {
            background-position: 0px -32px
        }

        .navtrans-navlist-icon.s-14 {
            background-position: -18px -32px
        }

        .navtrans-navlist-icon.s-18 {
            background-position: -36px -32px
        }

        .navtrans-navlist-icon.s-19 {
            background-position: -54px -32px
        }

        .navtrans-navlist-icon.s-20 {
            background-position: -72px -32px
        }

        .navtrans-navlist-icon.s-21 {
            background-position: -90px -32px
        }

        .navtrans-navlist-icon.nav-st,
        .navtrans-navlist-icon.nav-through {
            background-position: -16px -70px
        }

        .navtrans-navlist-icon.nav-ed {
            background-position: 0px -70px
        }

        .navtrans-view {
            border-top: 1px solid #e4e6e7;
            border-left: 1px solid #e4e6e7;
            border-right: 1px solid #e4e6e7
        }

        .navtrans-view:hover {
            cursor: pointer
        }

        .navtrans-view .navtrans-arrow {
            position: absolute;
            top: 8px;
            right: 5px;
            width: 7px;
            height: 4px;
            background-image: url(http://webmap0.map.bdimg.com/wolfman/static/common/images/nav-icon_b5c3223.png);
            background-repeat: no-repeat;
            background-position: -40px -70px;
            margin-top: 3px;
            margin-right: 3px;
            _background-image: url(http://webmap0.map.bdimg.com/wolfman/static/common/images/nav-icon_ie6_134841b.png)
        }

        .navtrans-view.expand:hover .navtrans-arrow {
            background-position: -61px -70px
        }

        .navtrans-view.expand .navtrans-arrow {
            background-position: -54px -70px
        }

        .navtrans-view:hover .navtrans-arrow {
            background-position: -47px -70px
        }

        .navtrans-navlist-content {
            overflow: hidden
        }

        .navtrans-res {
            border-bottom: 1px solid #E4E6E7;
            border-left: 1px solid #E4E6E7;
            border-right: 1px solid #E4E6E7
        }

        .navtrans-bus-icon {
            display: inline-block;
            float: left;
            background-image: url(http://webmap0.map.bdimg.com/wolfman/static/common/images/ui3/mo_banner_e1aa2e6.png);
            background-repeat: no-repeat
        }

        .navtrans-bus-icon.bus {
            width: 13px;
            height: 16px;
            background-position: -1px -192px;
            position: relative;
            top: 4px
        }

        .navtrans-bus-icon.walk {
            width: 16px;
            height: 18px;
            background-position: -63px -189px;
            position: relative;
            top: 2px;
            left: -2px
        }

        .navtrans-bus-desc {
            line-height: 24px;
            margin-left: 20px
        }

        .navtrans-busstation {
            color: #36c;
            font-weight: 600
        }

        .tranroute-plan-list.expand .trans-title {
            border-bottom: 1px solid #e4e6e7;
            background-color: #ebf1fb
        }

        .trans-plan-content tr td:hover .bus {
            background-position: -15px -192px
        }

        .trans-plan-content tr td:hover .walk {
            background-position: -82px -189px
        }

        .suggest-plan {
            position: absolute;
            background-color: #0C88E8;
            padding: 0px 15px;
            line-height: 20px;
            color: #fff;
            left: 0px;
            top: 0px
        }

        .suggest-plan-des {
            text-align: left;
            padding: 29px 0px 0px 25px;
            font-size: 13px;
            color: #000
        }

        .bmap-clearfix {
            *+height: 1%
        }

        .bmap-clearfix:after {
            content: ".";
            display: block;
            height: 0px;
            clear: both;
            visibility: hidden
        }

        .BMap_CityListCtrl {
            font-size: 12px
        }

        .BMap_CityListCtrl a {
            text-decoration: none !important
        }

        .BMap_CityListCtrl a:hover {
            text-decoration: underline !important
        }

        .BMap_CityListCtrl .citylist_popup_main {
            border: 1px solid #cdcdcd;
            z-index: 2;
            position: relative;
            width: 100%;
            height: 100%;
            background: #fafafa;
            overflow: hidden;
            box-shadow: 1px 1px 1px rgba(0, 0, 0, .1)
        }

        .ui_city_change_top .ui_city_change_inner,
        .ui_city_change_bottom .ui_city_change_inner {
            display: inline-block;
            height: 24px;
            line-height: 24px;
            border: 1px solid #c4c7cc;
            background-color: #fff;
            padding: 0 10px 0 10px;
            color: #000
        }

        .ui_city_change_top .ui_city_change_inner i,
        .ui_city_change_bottom .ui_city_change_inner i {
            width: 8px;
            height: 6px;
            display: inline-block;
            position: relative;
            top: 9px;
            left: 5px;
            -webkit-transition: all ease-in-out .15s;
            transition: all ease-in-out .15s;
            display: none9
        }

        .ui_city_change_click .ui_city_change_inner i,
        .ui_city_change_click_close .ui_city_change_inner i {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .ui_city_change_top .ui_city_change_inner:hover em {
            border-top-color: #0C88E8
        }

        .ui_city_change_top .ui_city_change_inner em {
            width: 0;
            height: 0;
            border-color: rgba(255, 255, 255, 0);
            border-top-color: #D0D4DA;
            border-style: solid;
            border-width: 4px
        }

        .ui_city_change_top .ui_city_change_inner:hover,
        .ui_city_change_bottom .ui_city_change_inner:hover {
            text-decoration: none !important;
            color: #3d6dcc
        }

        .ui_city_change_bottom .ui_city_change_inner:hover em {
            border-bottom-color: #0C88E8
        }

        .ui_city_change_bottom .ui_city_change_inner em {
            width: 0;
            height: 0;
            border-color: rgba(255, 255, 255, 0);
            border-bottom-color: #D0D4DA;
            border-style: solid;
            border-width: 4px;
            position: relative;
            top: -18px
        }

        .citylist_popup_main .citylist_ctr_title {
            background: #f9f9f9;
            border-bottom: 1px solid #dadada;
            height: 25px;
            line-height: 25px;
            font-size: 12px;
            color: #4c4c4c;
            padding-left: 7px
        }

        .citylist_popup_main .city_content_top {
            position: relative;
            height: 30px;
            padding: 15px 10px 0px 10px;
            border-bottom: 1px solid #CCC;
            margin: 0px 10px
        }

        .citylist_popup_main .city_content_top .cur_city_info {
            display: inline-block;
            margin: 0;
            padding: 0;
        }

        #city_ctrl_form {
            position: absolute;
            right: 12px;
            top: 10px
        }

        #selCityWd {
            border: 1px solid #ccc;
            height: 20px;
            width: 121px;
            line-height: 20px;
            text-indent: 4px;
            outline: none
        }

        #selCitySubmit:hover {
            background-position: -355px -98px
        }

        #selCitySubmit {
            float: right;
            background: url(http://webmap0.map.bdimg.com/wolfman/static/common/images/index_a2f1ac4.png) no-repeat scroll -302px -98px;
            height: 24px;
            line-height: 24px;
            width: 48px;
            cursor: pointer;
            margin-left: 5px;
            text-align: center
        }

        #sel_city_letter_list {
            padding-top: 10px
        }

        #sel_city_letter_list a {
            white-space: nowrap;
            margin-right: 11px;
            line-height: 18px;
            font-size: 13px;
            font-family: Arial, Helvetica, SimSun, sans-serif
        }

        .city_content_medium {
            padding: 10px 10px 10px 10px;
            border-bottom: 1px solid #CCC;
            margin: 0px 10px
        }

        .city_content_bottom {
            padding: 10px 10px 10px 8px;
            margin: 9px 5px 5px 5px;
            height: 218px;
            overflow-y: auto
        }

        #city_detail_table tr td {
            vertical-align: top
        }

        .sel_city_hotcity a {
            color: #3d6dcc
        }

        .sel_city_letter {
            padding: 0 14px 0 3px
        }

        .sel_city_letter div {
            font-size: 24px;
            line-height: 24px;
            font-weight: 700;
            color: #ccc;
            padding: 0;
            margin: 0;
            font-family: Arial, Helvetica, SimSun, sans-serif
        }

        .sel_city_sf {
            padding-right: 8px;
            font-weight: 700
        }

        .sel_city_sf a {
            white-space: nowrap;
            line-height: 18px;
            color: #3d6dcc
        }

        .city_names_wrap {
            margin-bottom: 9px
        }

        .sel_city_name {
            color: #3d6dcc;
            white-space: nowrap;
            margin-right: 9px;
            line-height: 18px;
            float: left
        }

        #popup_close {
            outline: none;
            position: absolute;
            z-index: 50;
            top: 7px;
            right: 6px;
            width: 12px;
            height: 12px;
            background: url(http://webmap0.map.bdimg.com/wolfman/static/common/images/popup_close_15d2283.gif) no-repeat;
            border: 0;
            cursor: pointer
        }
    </style>
</head>

<body>
    <div class="" style="display: none; position: absolute;">
        <div class="aui_outer">
            <table class="aui_border">
                <tbody>
                    <tr>
                        <td class="aui_nw"></td>
                        <td class="aui_n"></td>
                        <td class="aui_ne"></td>
                    </tr>
                    <tr>
                        <td class="aui_w"></td>
                        <td class="aui_c">
                            <div class="aui_inner">
                                <table class="aui_dialog">
                                    <tbody>
                                        <tr>
                                            <td colspan="2" class="aui_header">
                                                <div class="aui_titleBar">
                                                    <div class="aui_title" style="cursor: move; display: block;"></div>
                                                    <a class="aui_close" href="javascript:/*artDialog*/;"
                                                        style="display: block;">×</a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="aui_icon" style="display: none;">
                                                <div class="aui_iconBg" style="background: none;"></div>
                                            </td>
                                            <td class="aui_main" style="width: auto; height: auto;">
                                                <div class="aui_content" style="padding: 20px 25px;"></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" class="aui_footer">
                                                <div class="aui_buttons" style="display: none;"></div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </td>
                        <td class="aui_e"></td>
                    </tr>
                    <tr>
                        <td class="aui_sw"></td>
                        <td class="aui_s"></td>
                        <td class="aui_se" style="cursor: se-resize;"></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="data_bodey">
        <div class="index_nav">
            <ul style="height: 30px; margin-bottom: 0px;">
                <li class="l_left total_chose_fr">疆内外人员流动</li>
                <li class="l_left total_chose_pl">疆内人员流动</li>
                <li class="l_left total_chose_pl">人员轨迹热力</li>
                <li class="r_right total_chose_pl">区域监控</li>
                <li class="r_right total_chose_pl nav_active">人员轨迹</li>
                <li class="r_right total_chose_pl">其他待定</li>
            </ul>
            <div class="total_chose_box" style="display: block;">
                <div style="height: 32px;"></div>
                <span class="chose_tltle">请选择年份：</span>
                <select class="year_chose">
                    <option>2022</option>
                    <option>2021</option>
                    <option selected>2020</option>
                    <option>2019</option>
                </select>
                <span class="chose_tltle">请输入月份：</span>
                <input class="chose_text_in">
                <span class="chose_tltle">请选择区域：</span>
                <select class="year_chose">
                    <option> 北京市</option>
                    <option>自贡市</option>
                    <option>攀枝花市</option>
                    <option>泸州市</option>
                    <option>德阳市</option>
                    <option>绵阳市</option>
                    <option>广元市</option>
                    <option>遂宁市</option>
                    <option>内江市</option>
                    <option>乐山市</option>
                    <option>南充市</option>
                    <option>宜宾市</option>
                    <option>广安市</option>
                    <option>达州市</option>
                    <option>巴中市</option>
                    <option>雅安市</option>
                    <option>眉山市</option>
                    <option>资阳市</option>
                    <option>阿坝州</option>
                    <option>甘孜州</option>
                    <option>凉山州</option>
                </select>
                <button class="chose_enter">确定</button>
            </div>
            <div class="clear"></div>
        </div>
        <div class="index_tabs">
            <!--安防运作-->
            <div class="inner" style="height: 109%; display: none;">

                <div class="left_cage">
                    <div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 24%;">
                        <video autoplay="autoplay" loop="loop" class="dataAllBorder02 video_cage">
                            <source class="video" title="主监控位" src="video/test_mv02.mov">
                        </video>
                    </div>
                    <div class="dataAllBorder01 cage_cl" style="margin-top: 1.5% !important; height: 38%;">
                        <div class="dataAllBorder02 video_cage">
                            <img class="video_around video_around_chose" src="/static/images1/video.jpg">
                            <img class="video_around" src="/static/images1/video.jpg">
                            <img class="video_around" src="/static/images1/video.jpg">
                            <img class="video_around" src="/static/images1/video.jpg">
                            <!--<video autoplay="autoplay" loop="loop" class="video_around video_around_chose" title="循环监控01" style="margin-right: 1%; margin-bottom: 1%">-->
                            <!--<source class="video" title="主监控位" src="video/video.jpg"/>-->
                            <!--</video>-->
                            <!--<video autoplay="autoplay" loop="loop"  class="video_around" title="循环监控02"  style="margin-bottom: 1%">-->
                            <!--<source class="video" title="主监控位" src="video/test_mv03.mov"/>-->
                            <!--</video>-->
                            <!--<video autoplay="autoplay" loop="loop"  class="video_around" title="循环监控03" style="margin-right: 1%">-->
                            <!--<source class="video" title="主监控位" src="video/test_mv03.mov"/>-->
                            <!--</video>-->
                            <!--<video autoplay="autoplay" loop="loop"  class="video_around" title="循环监控04">-->
                            <!--<source class="video" title="主监控位" src="video/test_mv05.mov"/>-->
                            <!--</video>-->
                        </div>
                    </div>
                    <div class="dataAllBorder01 cage_cl"
                        style="margin-top: 1.5% !important; height: 32%; position: relative;">
                        <div class="dataAllBorder02" style="padding: 1.2%; overflow: hidden">

                            <div class="message_scroll_box" style="margin-top: 36.7946px;">
                                <div class="message_scroll">
                                    <div class="scroll_top">
                                        <span class="scroll_title">数据流量警示</span>
                                        <span class="scroll_level scroll_level01">一级</span>
                                        <a class="localize"></a>
                                        <span class="scroll_timer">17-09-13/9:52</span>
                                    </div>
                                    <div class="msg_cage">
                                        <a class="localize_title">下载大量视频</a>
                                    </div>
                                    <div class="msg_cage">
                                        <a class="localize_msg">xxx视频网站</a>
                                    </div>
                                </div>
                                <div class="message_scroll">
                                    <div class="scroll_top">
                                        <span class="scroll_title">数据流量警示</span>
                                        <span class="scroll_level scroll_level03">三级</span>
                                        <a class="localize"></a>
                                        <span class="scroll_timer">17-09-13/9:52</span>
                                    </div>
                                    <div class="msg_cage">
                                        <a class="localize_title">下载大量视频</a>
                                    </div>
                                    <div class="msg_cage">
                                        <a class="localize_msg">xxx视频网站</a>
                                    </div>
                                </div>
                                <div class="message_scroll">
                                    <div class="scroll_top">
                                        <span class="scroll_title">数据流量警示</span>
                                        <span class="scroll_level scroll_level02">二级</span>
                                        <a class="localize"></a>
                                        <span class="scroll_timer">17-09-13/9:52</span>
                                    </div>
                                    <div class="msg_cage">
                                        <a class="localize_title">下载大量视频</a>
                                    </div>
                                    <div class="msg_cage">
                                        <a class="localize_msg">xxx视频网站</a>
                                    </div>
                                </div>
                                <div class="message_scroll">
                                    <div class="scroll_top">
                                        <span class="scroll_title">数据流量警示</span>
                                        <span class="scroll_level scroll_level01">一级</span>
                                        <a class="localize"></a>
                                        <span class="scroll_timer">17-09-13/9:52</span>
                                    </div>
                                    <div class="msg_cage">
                                        <a class="localize_title">下载大量视频</a>
                                    </div>
                                    <div class="msg_cage">
                                        <a class="localize_msg">xxx视频网站</a>
                                    </div>
                                </div>



                            </div>

                        </div>
                        <div class="scroll_tool_outbox">
                            <div class="scroll_tool_box">
                                <a class="scroll_tool"
                                    href="http://test.160.jingan8.cn/data04/web/02/index.html#">查看历史推送</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="center_cage">
                    <div class="dataAllBorder01 cage_cl"
                        style="margin-top: 3.5% !important; height: 62.7%; position: relative;">
                        <div class="dataAllBorder02" style="position: relative; overflow: hidden;">
                            <!--标题栏-->
                            <div class="map_title_box" style="height: 6%">
                                <div class="map_title_innerbox">
                                    <div class="map_title">实时地图</div>
                                </div>
                            </div>
                            <div class="map" id="map"
                                style="overflow: hidden; position: relative; z-index: 0; background-color: rgb(45, 45, 45); color: rgb(0, 0, 0); text-align: left;">
                                <div
                                    style="overflow: visible; position: absolute; z-index: 0; left: 0px; top: 0px; cursor: url(&quot;http://api0.map.bdimg.com/images/openhand.cur&quot;) 8 8, default;">
                                    <div class="BMap_mask"
                                        style="position: absolute; left: 0px; top: 0px; z-index: 9; overflow: hidden; user-select: none; width: 0px; height: 0px;">
                                    </div>
                                    <div
                                        style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;">
                                        <div
                                            style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;">
                                        </div>
                                        <div
                                            style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;">
                                            <span class="BMap_Marker BMap_noprint" unselectable="on" "="" style="
                                                position: absolute; padding: 0px; margin: 0px; border: 0px; cursor:
                                                pointer; background:
                                                url(&quot;http://api0.map.bdimg.com/images/blank.gif&quot;); width:
                                                18px; height: 18px; left: 403px; top: 70px; z-index: 19000000;
                                                user-select: none; display: none;" title=""></span></div>
                                        <div
                                            style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;">
                                        </div>
                                        <div
                                            style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;">
                                            <label class="BMapLabel" unselectable="on"
                                                style="position: absolute; display: none; cursor: inherit; background-color: rgb(190, 190, 190); border: 1px solid rgb(190, 190, 190); padding: 1px; white-space: nowrap; font: 12px arial, sans-serif; z-index: -20000; color: rgb(190, 190, 190);">shadow</label><label
                                                class="BMapLabel" unselectable="on"
                                                style="position: absolute; display: none; cursor: inherit; background-color: rgb(255, 255, 225); border: 1px solid rgb(140, 140, 140); padding: 1px; white-space: nowrap; font: 12px arial, sans-serif; z-index: 80; user-select: none; color: rgb(77, 77, 77);">点击可查看详情</label>
                                        </div>
                                        <div
                                            style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;">
                                            <span class="BMap_Marker" unselectable="on"
                                                style="position: absolute; padding: 0px; margin: 0px; border: 0px; width: 0px; height: 0px; left: 403px; top: 70px; z-index: 19000000; display: none;">
                                                <div
                                                    style="position: absolute; margin: 0px; padding: 0px; width: 18px; height: 18px; overflow: hidden;">
                                                    <img src="/static/images1/spotmkrs.png"
                                                        style="display: block; border:none;margin-left:-166px; margin-top:0px; ">
                                                </div>
                                            </span></div>
                                        <div
                                            style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 300;">
                                        </div>
                                        <div
                                            style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 201;">
                                        </div>
                                        <div
                                            style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;">
                                        </div>
                                    </div>
                                    <div
                                        style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 1;">
                                        <div
                                            style="position: absolute; overflow: visible; z-index: -100; left: 0px; top: 0px; display: block; transform: translate3d(0px, 0px, 0px);">
                                            <img src="/static/images1/tile"
                                                style="position: absolute; border: none; width: 256px; height: 256px; left: -175px; top: -74px; max-width: none; opacity: 1;">
                                        </div>
                                    </div>
                                    <div
                                        style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 2; display: none; visibility: hidden;">
                                        <div
                                            style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 0; display: none;">
                                        </div>
                                        <div
                                            style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 10; display: none;">
                                        </div>
                                    </div>
                                    <div
                                        style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 3;">
                                    </div>
                                </div>
                                <div class="pano_close" title="退出全景" style="z-index: 1201; display: none;"></div><a
                                    class="pano_pc_indoor_exit" title="退出室内景"
                                    style="z-index: 1201; display: none;"><span
                                        style="float:right;margin-right:12px;">出口</span></a>
                                <div class=" anchorBL"
                                    style="height: 32px; position: absolute; z-index: 30; text-size-adjust: none; bottom: 20px; right: auto; top: auto; left: 1px; display: none;">
                                    <a title="到百度地图查看此区域" target="_blank" href="http://map.baidu.com/?sr=1"
                                        style="outline: none;"><img style="border:none;width:77px;height:32px"
                                            src="/static/images1/copyright_logo.png"></a></div>
                                <div id="zoomer"
                                    style="position:absolute;z-index:0;top:0px;left:0px;overflow:hidden;visibility:hidden;cursor:url(http://api0.map.bdimg.com/images/openhand.cur) 8 8,default">
                                    <div class="BMap_zoomer" style="top:0;left:0;"></div>
                                    <div class="BMap_zoomer" style="top:0;right:0;"></div>
                                    <div class="BMap_zoomer" style="bottom:0;left:0;"></div>
                                    <div class="BMap_zoomer" style="bottom:0;right:0;"></div>
                                </div>
                                <div unselectable="on" class=" BMap_noprint anchorTR"
                                    style="bottom: auto; right: 10px; top: 10px; left: auto; white-space: nowrap; cursor: pointer; position: absolute; z-index: 10; text-size-adjust: none;">
                                    <div style="float: left;">
                                        <div title="显示普通地图"
                                            style="box-shadow: rgba(0, 0, 0, 0.35) 2px 2px 3px; border-left: 1px solid rgb(139, 164, 220); border-top: 1px solid rgb(139, 164, 220); border-bottom: 1px solid rgb(139, 164, 220); background: rgb(142, 168, 224); padding: 2px 6px; font: bold 12px / 1.3em arial, sans-serif; text-align: center; white-space: nowrap; border-radius: 3px 0px 0px 3px; color: rgb(255, 255, 255);">
                                            地图</div>
                                    </div>
                                    <div style="float: left;">
                                        <div title="显示带有街道的卫星影像"
                                            style="box-shadow: rgba(0, 0, 0, 0.35) 2px 2px 3px; border-width: 1px; border-style: solid; border-color: rgb(139, 164, 220); background: rgb(255, 255, 255); padding: 2px 6px; font-style: normal; font-variant: normal; font-stretch: normal; font-size: 12px; line-height: 1.3em; font-family: arial, sans-serif; text-align: center; white-space: nowrap; border-radius: 0px 3px 3px 0px; color: rgb(0, 0, 0);">
                                            混合</div>
                                    </div>
                                </div>
                                <div unselectable="on" class=" BMap_cpyCtrl BMap_noprint anchorBL"
                                    style="cursor: default; white-space: nowrap; color: black; background: none; font: 11px / 15px arial, sans-serif; bottom: 2px; right: auto; top: auto; left: 4px; position: absolute; z-index: 10; text-size-adjust: none;">
                                    <span _cid="1" style="display: inline;"><span
                                            style="background: rgba(255, 255, 255, 0.701961);padding: 0px 1px;line-height: 16px;display: inline;height: 16px;">©&nbsp;2020
                                            Baidu - GS(2019)5218号 - 甲测资字1100930 - 京ICP证030173号 - Data ©
                                            长地万方</span></span></div>
                            </div>
                            <!--地图显示信息选择-->
                            <div class="display_type_box display_box" style="display: none;overflow:auto">
                                <div class="display_type_center_box">
                                    <ul class="display_type_inner_box" id="layerList">
                                        <li class="display_type_msg"><input id="zt_4" type="checkbox"
                                                class="display_type_chose"> 危化品企业</li>
                                        <li class="display_type_msg"><input id="zt_1" type="checkbox"
                                                class="display_type_chose">仓库</li>
                                        <li class="display_type_msg"><input id="zt_5" type="checkbox"
                                                class="display_type_chose">学校</li>
                                        <li class="display_type_msg"><input id="zt_6" type="checkbox"
                                                class="display_type_chose">医疗卫生</li>
                                        <li class="display_type_msg"><input id="zt_2" type="checkbox"
                                                class="display_type_chose">加油站</li>
                                        <li class="display_type_msg"><input id="zt_0" type="checkbox"
                                                class="display_type_chose">停车场</li>
                                        <li class="display_type_msg"><input id="zt_3" type="checkbox"
                                                class="display_type_chose">派出所</li>
                                        <li class="display_type_msg"><input id="zt_7" type="checkbox"
                                                class="display_type_chose">应急避难场所</li>
                                        <li class="display_type_msg">----------------------------------</li>
                                        <li class="display_type_msg"><input id="zt_14" type="checkbox"
                                                class="display_type_chose">危化品运输车辆</li>
                                        <li class="display_type_msg"><input id="zt_11" type="checkbox"
                                                class="display_type_chose">监控设备</li>
                                        <li class="display_type_msg"><input id="zt_13" type="checkbox"
                                                class="display_type_chose">巡逻警员</li>
                                        <li class="display_type_msg"><input id="zt_12" type="checkbox"
                                                class="display_type_chose">巡逻警车</li>
                                    </ul>
                                </div>
                                <div class="display_type_funct_box">
                                    <span class="display_type_funct display_type_funct_sure">确定</span>
                                </div>
                            </div>
                            <!--城市选择-->
                            <div class="city_chose_box display_box" style="display: none">
                                <div class="display_type_center_box">
                                    <ul class="display_type_inner_box" id="ulCity">
                                        <li class="display_type_msg"> 北京市</li>
                                        <li class="display_type_msg">自贡市</li>
                                        <li class="display_type_msg">攀枝花市</li>
                                        <li class="display_type_msg">泸州市</li>
                                        <li class="display_type_msg">德阳市</li>
                                        <li class="display_type_msg">绵阳市</li>
                                        <li class="display_type_msg">广元市</li>
                                        <li class="display_type_msg">遂宁市</li>
                                        <li class="display_type_msg">内江市</li>
                                        <li class="display_type_msg">乐山市</li>
                                        <li class="display_type_msg">南充市</li>
                                        <li class="display_type_msg">宜宾市</li>
                                        <li class="display_type_msg">广安市</li>
                                        <li class="display_type_msg">达州市</li>
                                        <li class="display_type_msg">巴中市</li>
                                        <li class="display_type_msg">雅安市</li>
                                        <li class="display_type_msg">眉山市</li>
                                        <li class="display_type_msg">资阳市</li>
                                        <li class="display_type_msg">阿坝州</li>
                                        <li class="display_type_msg">甘孜州</li>
                                        <li class="display_type_msg">凉山州</li>
                                    </ul>
                                </div>
                                <div class="display_type_funct_box">
                                    <span class="display_type_funct display_type_funct_sure">确定</span>
                                </div>
                            </div>
                            <!--轨迹回放-->
                            <div class="trajectory_box" style="display: none" id="divRouteReview">
                                <input class="trajectory" id="start" placeholder="开始时间">
                                <input class="trajectory" id="end" placeholder="结束时间">
                                <select class="ratio">
                                    <option>1倍</option>
                                    <option>2倍</option>
                                    <option>3倍</option>
                                </select>
                                <button class="playback" onclick="showRoute()">回放</button>
                                <button class="playback close_playback">关闭</button>
                            </div>
                            <!--缓冲区设置-->
                            <div class="trajectory_box" style="display: none" id="divBufferSetting">
                                <button class="playback" style="width:60px" onclick="setBufferCenter()">设置点</button>
                                <input class="trajectory" id="txtBufferX" placeholder="坐标X">
                                <input class="trajectory" id="txtBufferY" placeholder="坐标Y">
                                <input value="10" class="trajectory" id="txtBufferDis" placeholder="缓冲距离">
                                <select class="ratio">
                                    <option>米</option>
                                    <option>千米</option>
                                </select>
                                <button class="playback" onclick="executeBuffer();edit()" style="width:60px">分析</button>
                                <button class="playback close_playback">关闭</button>
                            </div>

                            <!--地图工具栏-->
                            <div class="map_tool_outbox">
                                <span class="map_tool" onclick="zoomFull()">
                                    <a class="map_tool_inner" title="全图"></a>
                                </span>
                                <span class="map_tool" onclick="zoomOut()">
                                    <a class="map_tool_inner" title="放大" style="background-position-x:-36px"></a>
                                </span>
                                <span class="map_tool" onclick="zoomIn()">
                                    <a class="map_tool_inner" title="缩小" style="background-position-x:-72px"></a>
                                </span>
                                <span class="map_tool" onclick="showHeatMap()">
                                    <a class="map_tool_inner" title="倒退视图" style="background-position-x:-108px"></a>
                                </span>
                                <span class="map_tool">
                                    <a class="map_tool_inner" title="前进视图" style="background-position-x:-144px"></a>
                                </span>
                                <span class="map_tool">
                                    <a class="map_tool_inner display_type_btn" title="专题地图"
                                        style="background-position-x:-180px"></a>
                                </span>
                                <span class="map_tool">
                                    <a class="map_tool_inner city_chose_btn" title="城市定位"
                                        style="background-position-x:-432px"></a>
                                </span>
                                <span class="map_tool" id="btnBuffer">
                                    <a class="map_tool_inner" title="缓冲区分析" style="background-position-x:-216px"></a>
                                </span>
                                <span class="map_tool">
                                    <a class="map_tool_inner addition_check_btn check_btn" title="地址检索"
                                        style="background-position-x:-252px"></a>
                                </span>
                                <span class="map_tool">
                                    <a class="map_tool_inner chemistry_check_btn check_btn" onclick="chemistryCheck()"
                                        title="危化品检索" style="background-position-x:-288px"></a>
                                </span>
                                <span class="map_tool">
                                    <a class="map_tool_inner enterprise_check_btn check_btn" onclick="enterpriseCheck()"
                                        title="企业检索" style="background-position-x:-324px"></a>
                                </span>
                                <span class="map_tool">
                                    <a class="map_tool_inner car_check_btn check_btn" onclick="carCheck()" title="车辆检索"
                                        style="background-position-x:-360px"></a>
                                </span>
                                <span class="map_tool">
                                    <a class="map_tool_inner" onclick="Search()" title="搜索"
                                        style="background-position-x:-468px"></a>
                                </span>
                                <span class="map_tool">
                                    <a class="map_tool_inner" onclick="cancel()" id="fresh_tool" title="清空"
                                        style="background-position-x:-396px"></a>
                                </span>
                                <span class="map_tool">
                                    <input type="text" id="txtCoord" style="width:150px;visibility:hidden">
                                </span>
                            </div>
                        </div>
                    </div>

                    <div class="dataAllBorder01 cage_cl" style="margin-top: 0.6% !important; height: 32.1%;">
                        <div class="dataAllBorder02" id="map_title_innerbox">
                            <div class="map_title_box">
                                <div class="map_title_innerbox">
                                    <div class="map_title"
                                        style="background-image: url(/static/images1/second_title.png);">分析数据一</div>
                                </div>
                                <div>
                                    <select id="selLayer" style="width:100px;">
                                        <option value="">车辆</option>
                                        <option value="">企业</option>
                                    </select>
                                </div>
                            </div>
                            <div class="bootstrap-table">
                                <div class="fixed-table-toolbar"></div>
                                <div class="fixed-table-container" style="padding-bottom: 0px;">
                                    <div class="fixed-table-header" style="display: none;">
                                        <table></table>
                                    </div>
                                    <div class="fixed-table-body">
                                        <div class="fixed-table-loading" style="top: 31px; display: none;">
                                            正在努力地加载数据中，请稍候……</div>
                                        <table id="table" style="width: 100%" class="table table-hover table-striped">
                                            <thead>
                                                <tr>
                                                    <th style="text-align: center; vertical-align: middle; width: 80px; "
                                                        data-field="carno" tabindex="0">
                                                        <div class="th-inner ">车牌号</div>
                                                        <div class="fht-cell"></div>
                                                    </th>
                                                    <th style="text-align: center; vertical-align: middle; "
                                                        data-field="company" tabindex="0">
                                                        <div class="th-inner ">所属企业</div>
                                                        <div class="fht-cell"></div>
                                                    </th>
                                                    <th style="text-align: center; " data-field="content" tabindex="0">
                                                        <div class="th-inner ">运输内容</div>
                                                        <div class="fht-cell"></div>
                                                    </th>
                                                    <th style="text-align: center; width: 80px; " data-field="speed"
                                                        tabindex="0">
                                                        <div class="th-inner ">行驶速度</div>
                                                        <div class="fht-cell"></div>
                                                    </th>
                                                    <th style="text-align: center; width: 80px; " data-field="load"
                                                        tabindex="0">
                                                        <div class="th-inner ">车辆载重</div>
                                                        <div class="fht-cell"></div>
                                                    </th>
                                                    <th style="text-align: center; " data-field="load" tabindex="0">
                                                        <div class="th-inner ">操作</div>
                                                        <div class="fht-cell"></div>
                                                    </th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr class="no-records-found">
                                                    <td colspan="6">没有找到匹配的记录</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="fixed-table-footer" style="display: none;">
                                        <table>
                                            <tbody>
                                                <tr></tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="fixed-table-pagination" style="display: none;">
                                        <div class="pull-left pagination-detail"><span class="pagination-info">显示第 1 到第
                                                0 条记录，总共 0 条记录</span><span class="page-list" style="display: none;">每页显示
                                                <span class="btn-group dropup"><button type="button"
                                                        class="btn btn-default  dropdown-toggle"
                                                        data-toggle="dropdown"><span class="page-size">4</span> <span
                                                            class="caret"></span></button>
                                                    <ul class="dropdown-menu" role="menu">
                                                        <li><a href="javascript:void(0)">10</a></li>
                                                    </ul>
                                                </span> 条记录</span></div>
                                        <div class="pull-right pagination" style="display: none;">
                                            <ul class="pagination">
                                                <li class="page-pre"><a href="javascript:void(0)">‹</a></li>
                                                <li class="page-next"><a href="javascript:void(0)">›</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>

                        <div class="dataAllBorder02" id="map_title_innerbox1"
                            style="display: none; position: relative;">
                            <div class="map_title_box">
                                <div class="map_title_innerbox">
                                    <div class="map_title" style="background-image: url(img/second_title.png);">
                                        xxxxx条件扫描</div>
                                </div>
                            </div>
                            <ul class="tab_msg_box">
                                <li class="tab_msg tab_msg01 tab_msg_current">xxxxx</li>
                                <li class="tab_msg tab_msg02">xxx</li>
                            </ul>
                            <div class="table1">
                                <div class="bootstrap-table">
                                    <div class="fixed-table-toolbar"></div>
                                    <div class="fixed-table-container" style="padding-bottom: 0px;">
                                        <div class="fixed-table-header" style="display: none;">
                                            <table></table>
                                        </div>
                                        <div class="fixed-table-body">
                                            <div class="fixed-table-loading" style="top: 1px; display: none;">
                                                正在努力地加载数据中，请稍候……</div>
                                            <table id="table1" style="width: 100%"
                                                class="table table-hover table-striped">
                                                <thead style="">
                                                    <tr>
                                                        <th style="text-align: center; vertical-align: middle; "
                                                            data-field="id" tabindex="0">
                                                            <div class="th-inner ">威胁源</div>
                                                            <div class="fht-cell"></div>
                                                        </th>
                                                        <th style="text-align: center; vertical-align: middle; "
                                                            data-field="title" tabindex="0">
                                                            <div class="th-inner ">辐射距离</div>
                                                            <div class="fht-cell"></div>
                                                        </th>
                                                        <th style="text-align: center; vertical-align: middle; "
                                                            data-field="type" tabindex="0">
                                                            <div class="th-inner ">威胁范围</div>
                                                            <div class="fht-cell"></div>
                                                        </th>
                                                        <th style="text-align: center; " data-field="person"
                                                            tabindex="0">
                                                            <div class="th-inner ">危害类型</div>
                                                            <div class="fht-cell"></div>
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr class="no-records-found">
                                                        <td colspan="4">没有找到匹配的记录</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="fixed-table-footer" style="display: none;">
                                            <table>
                                                <tbody>
                                                    <tr></tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="fixed-table-pagination" style="display: none;">
                                            <div class="pull-left pagination-detail"><span class="pagination-info">显示第 1
                                                    到第 0 条记录，总共 0 条记录</span><span class="page-list"
                                                    style="display: none;">每页显示 <span class="btn-group dropup"><button
                                                            type="button" class="btn btn-default  dropdown-toggle"
                                                            data-toggle="dropdown"><span class="page-size">4</span>
                                                            <span class="caret"></span></button>
                                                        <ul class="dropdown-menu" role="menu">
                                                            <li><a href="javascript:void(0)">10</a></li>
                                                        </ul>
                                                    </span> 条记录</span></div>
                                            <div class="pull-right pagination" style="display: none;">
                                                <ul class="pagination">
                                                    <li class="page-pre"><a href="javascript:void(0)">‹</a></li>
                                                    <li class="page-next"><a href="javascript:void(0)">›</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="table2" style=" display: none;">
                                <div class="bootstrap-table">
                                    <div class="fixed-table-toolbar"></div>
                                    <div class="fixed-table-container" style="padding-bottom: 0px;">
                                        <div class="fixed-table-header" style="display: none;">
                                            <table></table>
                                        </div>
                                        <div class="fixed-table-body">
                                            <div class="fixed-table-loading" style="top: 1px; display: none;">
                                                正在努力地加载数据中，请稍候……</div>
                                            <table id="table2" style="width: 100%;"
                                                class="table table-hover table-striped">
                                                <thead style="">
                                                    <tr>
                                                        <th style="text-align: center; vertical-align: middle; "
                                                            data-field="id" tabindex="0">
                                                            <div class="th-inner ">威胁源</div>
                                                            <div class="fht-cell"></div>
                                                        </th>
                                                        <th style="text-align: center; vertical-align: middle; "
                                                            data-field="title" tabindex="0">
                                                            <div class="th-inner ">辐射距离</div>
                                                            <div class="fht-cell"></div>
                                                        </th>
                                                        <th style="text-align: center; vertical-align: middle; "
                                                            data-field="type" tabindex="0">
                                                            <div class="th-inner ">威胁范围</div>
                                                            <div class="fht-cell"></div>
                                                        </th>
                                                        <th style="text-align: center; " data-field="person"
                                                            tabindex="0">
                                                            <div class="th-inner ">危害类型</div>
                                                            <div class="fht-cell"></div>
                                                        </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr class="no-records-found">
                                                        <td colspan="4">没有找到匹配的记录</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="fixed-table-footer" style="display: none;">
                                            <table>
                                                <tbody>
                                                    <tr></tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="fixed-table-pagination" style="display: none;">
                                            <div class="pull-left pagination-detail"><span class="pagination-info">显示第 1
                                                    到第 0 条记录，总共 0 条记录</span><span class="page-list"
                                                    style="display: none;">每页显示 <span class="btn-group dropup"><button
                                                            type="button" class="btn btn-default  dropdown-toggle"
                                                            data-toggle="dropdown"><span class="page-size">4</span>
                                                            <span class="caret"></span></button>
                                                        <ul class="dropdown-menu" role="menu">
                                                            <li><a href="javascript:void(0)">10</a></li>
                                                        </ul>
                                                    </span> 条记录</span></div>
                                            <div class="pull-right pagination" style="display: none;">
                                                <ul class="pagination">
                                                    <li class="page-pre"><a href="javascript:void(0)">‹</a></li>
                                                    <li class="page-next"><a href="javascript:void(0)">›</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="right_cage">
                    <!--顶部切换位置-->
                    <div class="dataAllBorder01 cage_cl" style="margin-top: 9% !important; height: 24%">
                        <div class="dataAllBorder02" id="cage_cl">
                            <div class="analysis">一天流量：</div>
                            <ul class="data_show_box">
                                <li class="data_cage">0</li>
                                <li class="data_cage">0</li>
                                <li class="data_cage" style="background-image: none;">,</li>
                                <li class="data_cage">0</li>
                                <li class="data_cage">0</li>
                                <li class="data_cage">2</li>
                            </ul>
                            <div class="depart_number_box">
                                <ul class="depart_number_cage">
                                    <li class="depart_name">流量一：</li>
                                    <li class="depart_number">3,238</li>
                                </ul>
                                <ul class="depart_number_cage">
                                    <li class="depart_name">流量二：</li>
                                    <li class="depart_number">1,630</li>
                                </ul>
                                <ul class="depart_number_cage" style="margin-bottom: 0px;">
                                    <li class="depart_name">流量三：</li>
                                    <li class="depart_number">4,251</li>
                                </ul>
                                <ul class="depart_number_cage" style="margin-bottom: 0px;">
                                    <li class="depart_name">流量四：</li>
                                    <li class="depart_number">24</li>
                                </ul>
                            </div>
                        </div>
                        <div class="dataAllBorder02 over_hide" id="cage_cl1" style="display: none">
                            <div class="analysis">点位基础信息：</div>
                            <ul class="location_msg_box">
                                <li class="location_msg01 location_single">事件级别：<a
                                        href="http://test.160.jingan8.cn/data04/web/02/index.html#"
                                        style="color: #dc0000;">一级</a></li>
                                <li class="location_msg02 location_single">事件级别：化学气体泄漏</li>
                                <li class="location_msg02 location_double">案发时间：<a
                                        href="http://test.160.jingan8.cn/data04/web/02/index.html#"
                                        style="color: #cdd6db;">2017-09-10<br>11:40</a></li>
                                <li class="location_msg01 location_double">地址：北京市成华区一环路南三段45#</li>
                                <li class="location_msg01 location_single" style="width: 100%; height: 40%">
                                    案件关联：“131”抢劫、2014-05-13火灾、2013-12-08毒气 泄漏。</li>
                            </ul>
                        </div>
                    </div>

                    <div class="dataAllBorder01 cage_cl check_increase" style=" margin-top: 1.5% !important;">
                        <!--切换01-->
                        <div class="dataAllBorder02 over_hide dataAllBorder20" id="over_hide">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th style="width: 18%">名称</th>
                                        <th>归属</th>
                                        <th>程度</th>
                                        <th>范围)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>200m-5km</td>
                                    </tr>
                                    <tr>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>4km-80km</td>
                                    </tr>
                                    <tr>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>400m-2km</td>
                                    </tr>
                                    <tr>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>1km</td>
                                    </tr>
                                    <tr>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>2km</td>
                                    </tr>
                                    <tr>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>500m-2km</td>
                                    </tr>
                                    <tr>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>500m-10km</td>
                                    </tr>

                                </tbody>
                            </table>
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th style="width: 18%">名称</th>
                                        <th>归属</th>
                                        <th>程度</th>
                                        <th>范围(r=?)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>全城</td>
                                    </tr>
                                    <tr>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>车站</td>
                                    </tr>
                                    <tr>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>xxxxxxx</td>
                                        <td>-</td>
                                    </tr>



                                </tbody>
                            </table>
                        </div>
                        <!--切换02-->
                        <div class="dataAllBorder02 over_hide dataAllBorder20" id="over_hide1" style="display: none">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th style="width: 18%">名称</th>
                                        <th>级别</th>
                                        <th>流量</th>
                                        <th>范围(r=?)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>下载文本</td>
                                        <td>三级</td>
                                        <td>5t</td>
                                        <td>200m-5km</td>
                                    </tr>
                                    <tr>
                                        <td>浏览图片</td>
                                        <td>三级...</td>
                                        <td>3t</td>
                                        <td>4km-80km</td>
                                    </tr>
                                    <tr>
                                        <td>浏览视频</td>
                                        <td>一级</td>
                                        <td>20t</td>
                                        <td>400m-2km</td>
                                    </tr>
                                    <tr>
                                        <td>下载图片</td>
                                        <td>一级</td>
                                        <td>10t</td>
                                        <td>1km</td>
                                    </tr>
                                    <tr>
                                        <td>下载视频</td>
                                        <td>一级</td>
                                        <td>4t</td>
                                        <td>2km</td>
                                    </tr>
                                    <tr>
                                        <td>在线处理</td>
                                        <td>一级</td>
                                        <td>3t</td>
                                        <td>500m-2km</td>
                                    </tr>
                                    <tr>
                                        <td>在线查询</td>
                                        <td>一级</td>
                                        <td>10M2</td>
                                        <td>500m-10km</td>
                                    </tr>
                                    <tr>
                                        <td>xxx</td>
                                        <td>一级</td>
                                        <td>5t</td>
                                        <td>200m-5km</td>
                                    </tr>
                                    <tr>
                                        <td>xxxxx</td>
                                        <td>一级</td>
                                        <td>6t</td>
                                        <td>4km-80km</td>
                                    </tr>
                                    <tr>
                                        <td>xxxx</td>
                                        <td>一级</td>
                                        <td>11t</td>
                                        <td>400m-2km</td>
                                    </tr>

                                </tbody>
                            </table>
                        </div>
                        <!--地址检索切换03-->
                        <div class="dataAllBorder02 addition_check_in" style="display: none;position: relative">
                            <div class="analysis" style="height: 34px;%">地址检索：</div>
                            <div class="search_plate_box">
                                <ul class="search_separate">
                                    <li class="search_title">地址类型：</li>
                                    <select class="search_input_box search_chose_box">
                                        <option>全部</option>
                                        <option>居民区</option>
                                        <option>街道</option>
                                        <option>建筑物</option>
                                        <option>园区</option>
                                    </select>
                                </ul>
                                <ul class="search_separate">
                                    <li class="search_title">地址名称：</li>
                                    <li class="search_input_box"><input class="search_input" type="text"></li>
                                </ul>
                                <button class="search_btn">开始检索</button>
                            </div>
                            <!--检索结果板块-->
                            <div class="search_sesult_box">
                                <ul class="search_result">
                                    <li class="search_result_add">资阳汽车客运中心</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" title="操作"></li>
                                    <li class="search_result_road">资阳市&gt;雁江区&gt;书台路与骏兴路交叉口西侧</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">成都大学金牛校区</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" title="操作"></li>
                                    <li class="search_result_road">北京市&gt;朝阳&gt;东六巷</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">二十二中</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" title="操作"></li>
                                    <li class="search_result_road">北京市&gt;朝阳&gt;育苗路</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">红盛生态园</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" title="操作"></li>
                                    <li class="search_result_road">北京市&gt;xxx&gt;惠王陵东路</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">资阳汽车客运中心</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" title="操作"></li>
                                    <li class="search_result_road">资阳市&gt;雁江区&gt;书台路与骏兴路交叉口西侧</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">黄忠公园</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" title="操作"></li>
                                    <li class="search_result_road">北京市&gt;朝阳&gt;同德街</li>
                                </ul>
                            </div>
                            <!--翻页模块-->
                            <div class="tcdPageCode"><span class="disabled">上一页</span><span class="current">1</span><a
                                    href="javascript:;" class="tcdNumber">2</a><a href="javascript:;"
                                    class="tcdNumber">3</a><a href="javascript:;" class="tcdNumber">4</a><a
                                    href="javascript:;" class="tcdNumber">5</a><a href="javascript:;"
                                    class="nextPage">下一页</a></div>
                        </div>
                        <!--危化品检索切换04-->
                        <div class="dataAllBorder02 chemistry_check_in" id="chemistry_check_in"
                            style="display: none;position: relative">
                            <div class="analysis" style="height: 34px;">检索：</div>
                            <div class="search_plate_box">
                                <ul class="search_separate">
                                    <li class="search_title">编码类型：</li>
                                    <select class="search_input_box search_chose_box">
                                        <option>全部</option>
                                        <option>商品码</option>
                                        <option>企业码</option>
                                    </select>
                                </ul>
                                <ul class="search_separate">
                                    <li class="search_title">输入编码：</li>
                                    <li class="search_input_box"><input class="search_input" type="text"></li>
                                </ul>
                                <button class="search_btn">开始检索</button>
                            </div>
                            <!--检索结果板块-->
                            <div class="search_sesult_box">
                                <ul class="search_result">
                                    <li class="search_result_add danger_result">xxxxxx</li>
                                    <li class="danger_level level03">三级</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" title="生命周期" onclick="showLife()"></li>
                                    <li class="search_result_car car_personal">xxxxxxx</li>
                                    <li class="search_result_car car_time">xxxxxxx</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add danger_result">xxxxxx</li>
                                    <li class="danger_level level03">三级</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" title="生命周期"></li>
                                    <li class="search_result_car car_personal">xxxxxx</li>
                                    <li class="search_result_car car_time">xxxxxxx</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add danger_result">xxxxxx</li>
                                    <li class="danger_level level02">二级</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" title="生命周期"></li>
                                    <li class="search_result_car car_personal">xxxxxx</li>
                                    <li class="search_result_car car_time">xxxxxx制造厂</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add danger_result">烟花爆竹</li>
                                    <li class="danger_level level02">二级</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" title="生命周期"></li>
                                    <li class="search_result_car car_personal">xxxxxx）</li>
                                    <li class="search_result_car car_time">xxxxxx建地化工厂</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add danger_result">xxxxxx</li>
                                    <li class="danger_level level03">三级</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" title="生命周期"></li>
                                    <li class="search_result_car car_personal">xxxxxxx</li>
                                    <li class="search_result_car car_time">xxxxxxx</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add danger_result">xxxxxx</li>
                                    <li class="danger_level level01">一级</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" title="生命周期"></li>
                                    <li class="search_result_car car_personal">xxxxxxx</li>
                                    <li class="search_result_car car_time">xxxxxxx</li>
                                </ul>
                            </div>
                            <!--翻页模块-->
                            <div class="chemistry_tcdPageCode"><span class="disabled">上一页</span><span
                                    class="current">1</span><a href="javascript:;" class="tcdNumber">2</a><a
                                    href="javascript:;" class="tcdNumber">3</a><a href="javascript:;"
                                    class="tcdNumber">4</a><a href="javascript:;" class="nextPage">下一页</a></div>
                        </div>
                        <!--企业检索切换05-->
                        <div class="dataAllBorder02 enterprise_check_in" id="enterprise_check_in"
                            style="display: none;position: relative">
                            <div class="analysis" style="height: 34px;">企业检索：</div>
                            <div class="search_plate_box">
                                <ul class="search_separate">
                                    <li class="search_title">行业选择：</li>
                                    <select class="search_input_box search_chose_box">
                                        <option>物流企业</option>
                                        <option>食品生产制造</option>
                                        <option>服务行业</option>
                                        <option>工业生产</option>
                                        <option>电子产品制造</option>
                                        <option>科技服务</option>
                                    </select>
                                </ul>
                                <ul class="search_separate">
                                    <li class="search_title">企业名字：</li>
                                    <li class="search_input_box"><input class="search_input" type="text"></li>
                                </ul>
                                <ul class="search_separate">
                                    <li class="search_title">登记号：</li>
                                    <li class="search_input_box"><input class="search_input" type="text"></li>
                                </ul>
                                <button class="search_btn">开始检索</button>
                            </div>
                            <!--检索结果板块-->
                            <div class="search_sesult_box">
                                <ul class="search_result">
                                    <li class="search_result_add">便利店总部（350298100000405）</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" onclick="people()" title="操作"></li>
                                    <li class="search_result_road">北京市&gt;武侯区&gt;新希望路223号4楼</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">红旗连锁（260220100003523）</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" onclick="people()" title="操作"></li>
                                    <li class="search_result_road">北京市&gt;朝阳&gt;建业路244号</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">蓝海旅行社（260220100003523）</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" onclick="people()" title="操作"></li>
                                    <li class="search_result_road">北京市&gt;朝阳&gt;育苗路</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">吴铭火锅（350298100000405）</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" onclick="people()" title="操作"></li>
                                    <li class="search_result_road">北京市&gt;xxx&gt;惠王陵东路</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">阿杰发艺连锁（260220100003523）</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" onclick="people()" title="操作"></li>
                                    <li class="search_result_road">书台路与骏兴路交叉口西侧</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">黄忠公园（350298100000405）</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_eddit" onclick="people()" title="操作"></li>
                                    <li class="search_result_road">北京市&gt;朝阳&gt;同德街</li>
                                </ul>
                            </div>
                            <!--翻页模块-->
                            <div class="enterprise_tcdPageCode"><span class="disabled">上一页</span><span
                                    class="current">1</span><a href="javascript:;" class="tcdNumber">2</a><a
                                    href="javascript:;" class="tcdNumber">3</a><a href="javascript:;"
                                    class="tcdNumber">4</a><a href="javascript:;" class="nextPage">下一页</a></div>
                        </div>
                        <!--车辆检索切换06-->
                        <div class="dataAllBorder02" id="car_check_in" style="display: none;position: relative">
                            <div class="analysis" style="height: 34px;">车辆检索：</div>
                            <div class="search_plate_box">
                                <ul class="search_separate">
                                    <li class="search_title">车牌号码：</li>
                                    <li class="search_input_box"><input class="search_input" type="text"></li>
                                </ul>
                                <ul class="search_separate">
                                    <li class="search_title">车主姓名：</li>
                                    <li class="search_input_box"><input class="search_input" type="text"></li>
                                </ul>
                                <button class="search_btn">检索</button>
                            </div>
                            <!--检索结果板块-->
                            <div class="search_sesult_box">
                                <ul class="search_result">
                                    <li class="search_result_add">川A·K5H12（陈浩）</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_guiji" title="轨迹回放"></li>
                                    <li class="search_result_car car_personal">福特（福克斯两厢）</li>
                                    <li class="search_result_car car_time">乘用车（5座)</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">川A·14AG2（张正涛）</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_guiji" title="轨迹回放"></li>
                                    <li class="search_result_car car_personal">福特（金牛座）</li>
                                    <li class="search_result_car car_time">乘用车（5座)</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">川B·2563K（李雪）</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_guiji" title="轨迹回放"></li>
                                    <li class="search_result_car car_personal">上海大众（迈腾）</li>
                                    <li class="search_result_car car_time">乘用车（5座)</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">川A·SH273（刘红）</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_guiji" title="轨迹回放"></li>
                                    <li class="search_result_car car_personal">菲亚特（菲翔）</li>
                                    <li class="search_result_car car_time">乘用车（5座)</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">川A·K5H12（陈浩）</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_guiji" title="轨迹回放"></li>
                                    <li class="search_result_car car_personal">奔驰（C200）</li>
                                    <li class="search_result_car car_time">乘用车（5座)</li>
                                </ul>
                                <ul class="search_result">
                                    <li class="search_result_add">川A·K5H12（张起国）</li>
                                    <li class="search_location" title="定位"></li>
                                    <li class="search_guiji" title="轨迹回放"></li>
                                    <li class="search_result_car car_personal">东风商用车（天龙）</li>
                                    <li class="search_result_car car_time">载货卡车（100t)</li>
                                </ul>
                            </div>
                            <!--翻页模块-->
                            <div class="car_tcdPageCode"><span class="disabled">上一页</span><span
                                    class="current">1</span><a href="javascript:;" class="tcdNumber">2</a><a
                                    href="javascript:;" class="tcdNumber">3</a><a href="javascript:;"
                                    class="tcdNumber">4</a><a href="javascript:;" class="nextPage">下一页</a></div>
                        </div>
                    </div>

                    <div class="dataAllBorder01 cage_cl check_decrease"
                        style="margin-top: 1.5% !important; height: 32%; position: relative;">
                        <div class="dataAllBorder02 over_hide" style="padding: 1.2%;">
                            <div class="analysis">xxxxx构成因素占比：</div>
                            <div class="danger_contain_box">
                                <div id="container_huan"
                                    style="height: 90%; width: 100%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                    _echarts_instance_="1594606287588">
                                    <div style="position: relative; overflow: hidden; width: 275px; height: 64px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 275px; height: 64px; user-select: none;">
                                        </div><canvas width="275" height="64" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 275px; height: 64px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="275" height="64" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 275px; height: 64px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="275" height="64" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 275px; height: 64px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                            </div>
                            <div class="danger_depart_box">

                                <ul class="danger_depart">
                                    <li class="danger_ico"
                                        style="background-image: url(img/images/pic_ico_01.png); background-position-x: 0px">
                                    </li>
                                    <li class="data_name">xxxxx综合</li>
                                    <li class="data data01">652</li>
                                    <li class="data data02">↑&nbsp;&nbsp;1.2%</li>
                                </ul>
                                <ul class="danger_depart">
                                    <li class="danger_ico"
                                        style="background-image: url(img/images/pic_ico_02.png); background-position-x: 0px">
                                    </li>
                                    <li class="data_name">统计一</li>
                                    <li class="data data01">97</li>
                                    <li class="data data02" style="color: #ff2865;">↓&nbsp;&nbsp;0.3%</li>
                                </ul>
                                <ul class="danger_depart danger_depart01">
                                    <li class="danger_ico"
                                        style="background-image: url(img/images/pic_ico_03.png); background-position-x: 0px">
                                    </li>
                                    <li class="data_name">统计二</li>
                                    <li class="data data01">423</li>
                                    <li class="data data02">↑&nbsp;&nbsp;1%</li>
                                </ul>
                                <ul class="danger_depart danger_depart01">
                                    <li class="danger_ico"
                                        style="background-image: url(img/images/pic_ico_01.png); background-position-x: 0px">
                                    </li>
                                    <li class="data_name">统计三</li>
                                    <li class="data data01">218</li>
                                    <li class="data data02">↑&nbsp;&nbsp;0.3%</li>
                                </ul>

                            </div>

                        </div>
                    </div>
                </div>

            </div>

            <div class="inner" style="display: none;">
                <div class="data_left01">
                    <div class="dataAll maginS">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1">xxxxx分析</div>
                                <div class="data_chart" id="buyTime" _echarts_instance_="1594606287594"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                    <div style="position: relative; overflow: hidden; width: 281px; height: 160px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none;">
                                        </div><canvas width="281" height="160" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="281" height="160" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="281" height="160" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="dataAll">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1">xxxxx类型分析</div>
                                <p class="data_chart" id="Package01" _echarts_instance_="1594606287595"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 281px; height: 160px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none;">
                                    </div><canvas width="281" height="160" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="281" height="160" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    <div class="echarts-dataview"
                                        style="position: absolute; display: block; overflow: hidden; transition: height 0.8s ease 0s, background-color 1s ease 0s; z-index: 1; left: 0px; top: 0px; width: 281px; height: 0px; background-color: rgb(240, 255, 255);">
                                    </div>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="dataAll">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1">xxxxx分析</div>
                                <p class="data_chart" id="rode01" _echarts_instance_="1594606287596"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 281px; height: 160px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none;">
                                    </div><canvas width="281" height="160" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="281" height="160" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="data_left01">
                    <div class="dataAll maginS">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1">xxxxxx分析</div>
                                <p class="data_chart" id="bookAret" _echarts_instance_="1594606287597"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 281px; height: 160px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none;">
                                    </div><canvas width="281" height="160" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="281" height="160" data-zr-dom-id="1" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="281" height="160" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="dataAll">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1">xxxxxxx分析</div>
                                <p class="data_chart" id="bookBmonth" _echarts_instance_="1594606287598"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 281px; height: 160px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none;">
                                    </div><canvas width="281" height="160" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="281" height="160" data-zr-dom-id="1" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="281" height="160" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="dataAll">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1">xxxxxxx分析</div>
                                <p class="data_chart" id="whearAbook" _echarts_instance_="1594606287599"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 281px; height: 160px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none;">
                                    </div><canvas width="281" height="160" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="281" height="160" data-zr-dom-id="1" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="281" height="160" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="data_left02">
                    <div class="dataAll01">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit2">数据汇总</div>

                                <table class="table_data01">
                                    <tbody>
                                        <tr>
                                            <td>总数</td>
                                            <td colspan="3" class="font01">56320</td>
                                        </tr>
                                        <tr>
                                            <td>xxxxxx数</td>
                                            <td colspan="3" class="font02">56320</td>
                                        </tr>
                                        <tr>
                                            <td>xxxxx数：</td>
                                            <td>10个</td>
                                            <td>类型数：</td>
                                            <td>6个</td>
                                        </tr>
                                        <tr>
                                            <td>xxxx最多数：</td>
                                            <td>16-20点</td>
                                            <td>xxxxx最多月：</td>
                                            <td>12月</td>
                                        </tr>
                                        <tr>
                                            <td>xxxxx最多季节：</td>
                                            <td>xxxx</td>
                                            <td>xxxxx天气：</td>
                                            <td>晴天</td>
                                        </tr>
                                        <tr>
                                            <td>xxxxxx：</td>
                                            <td>套餐A</td>
                                            <td>xxxxxx：</td>
                                            <td>活动</td>
                                        </tr>
                                        <tr>
                                            <td>xxxxxx：</td>
                                            <td>交通畅通</td>
                                            <td>xxxxx特殊时间：</td>
                                            <td>国庆节</td>
                                        </tr>
                                        <tr>
                                            <td>xxxxx：</td>
                                            <td colspan="3" style="color: red">xxxxxB</td>

                                        </tr>
                                        <tr>
                                            <td>xxxxx多季节：</td>
                                            <td colspan="3" style="color: red">冬季</td>

                                        </tr>

                                    </tbody>
                                </table>

                            </div>
                        </div>
                    </div>
                    <div class="dataAll02">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1">xxxxx分析</div>
                                <p class="data_chart" id="rodeAbook" _echarts_instance_="1594606287600"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 399px; height: 157px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 399px; height: 157px; user-select: none;">
                                    </div><canvas width="399" height="157" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 399px; height: 157px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="399" height="157" data-zr-dom-id="1" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 399px; height: 157px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="399" height="157" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 399px; height: 157px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="data_left01">
                    <div class="dataAll maginS">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1">xxxxx分析</div>
                                <p class="data_chart" id="seaAbook01" _echarts_instance_="1594606287601"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 281px; height: 160px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none;">
                                    </div><canvas width="281" height="160" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="281" height="160" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="dataAll">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1">xxxxx订单分析</div>
                                <p class="data_chart" id="actionBook" _echarts_instance_="1594606287602"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 281px; height: 160px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none;">
                                    </div><canvas width="281" height="160" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="281" height="160" data-zr-dom-id="1" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="281" height="160" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="dataAll">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit1">xxxxxx分析</div>
                                <p class="data_chart" id="sperceBook01" _echarts_instance_="1594606287603"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 281px; height: 160px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none;">
                                    </div><canvas width="281" height="160" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="281" height="160" data-zr-dom-id="1" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="281" height="160" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 281px; height: 160px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="inner" style="display: none;">
                <div class="data_left03">
                    <div class="dataAllNo01 maginS01">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit3">收入渠道分析</div>
                                <table class="table_data01">
                                    <tbody>
                                        <tr>
                                            <td>总收入：</td>
                                            <td colspan="3" class="font01">123653元</td>
                                        </tr>
                                        <tr>
                                            <td>收入渠道数：</td>
                                            <td colspan="3" class="font03">5个</td>
                                        </tr>
                                        <tr>
                                            <td>收入最多渠道</td>
                                            <td class="font04">渠道A(56%)</td>
                                            <td>收入最少渠道</td>
                                            <td class="font05">渠道C(2.8%)</td>
                                        </tr>
                                        <tr>
                                            <td>渠道A收入</td>
                                            <td class="font6">53602元</td>
                                            <td>渠道A收入占比</td>
                                            <td class="font6">4.8%</td>
                                        </tr>
                                        <tr>
                                            <td>渠道B收入</td>
                                            <td class="font6">53602元</td>
                                            <td>渠道B收入占比</td>
                                            <td class="font6">4.8%</td>
                                        </tr>
                                        <tr>
                                            <td>渠道C收入</td>
                                            <td class="font6">53602元</td>
                                            <td>渠道D收入占比</td>
                                            <td class="font6">4.8%</td>
                                        </tr>

                                    </tbody>
                                </table>
                                <p class="data_chart01" id="zhanbi02" _echarts_instance_="1594606287589"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 340px; height: 272px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 340px; height: 272px; user-select: none;">
                                    </div><canvas width="340" height="272" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 340px; height: 272px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="340" height="272" data-zr-dom-id="1" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 340px; height: 272px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="340" height="272" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 340px; height: 272px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="data_left04">

                    <!--style="margin-top: 6.3%"-->
                    <div class="dataAllNo01">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit3">营销投入与销售量分析</div>
                                <table class="table_data02">
                                    <tbody>
                                        <tr>
                                            <td class="font07">销量总量</td>
                                            <td class="font03">1560万元</td>
                                            <td class="font07">营销投入量</td>
                                            <td class="font02">560万</td>
                                        </tr>
                                        <tr>
                                            <td class="font07">总利润</td>
                                            <td class="font01">1000万元</td>
                                            <td class="font07">利润率</td>
                                            <td class="font01">464.15%</td>
                                        </tr>

                                    </tbody>
                                </table>
                                <p>
                                </p>
                                <div class="zhanleft01" id="allAly01" _echarts_instance_="1594606287591"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                    <div style="position: relative; overflow: hidden; width: 304px; height: 202px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 304px; height: 202px; user-select: none;">
                                        </div><canvas width="304" height="202" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 304px; height: 202px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="304" height="202" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 304px; height: 202px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="304" height="202" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 304px; height: 202px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <div class="zhanleft01" id="allAly02" _echarts_instance_="1594606287592"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                    <div style="position: relative; overflow: hidden; width: 304px; height: 202px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 304px; height: 202px; user-select: none;">
                                        </div><canvas width="304" height="202" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 304px; height: 202px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="304" height="202" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 304px; height: 202px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="304" height="202" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 304px; height: 202px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <p></p>
                                <p class="zhanleft02" id="allAly03" _echarts_instance_="1594606287593"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 596px; height: 183px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 596px; height: 183px; user-select: none;">
                                    </div><canvas width="596" height="183" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 596px; height: 183px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="596" height="183" data-zr-dom-id="1" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 596px; height: 183px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="596" height="183" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 596px; height: 183px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="data_left03">
                    <div class="dataAllNo01 maginS01">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit3">支出渠道分析</div>
                                <table class="table_data01">
                                    <tbody>
                                        <tr>
                                            <td>总支出：</td>
                                            <td colspan="3" class="font02">123653元</td>
                                        </tr>
                                        <tr>
                                            <td>支出渠道数：</td>
                                            <td colspan="3" class="font02">5个</td>
                                        </tr>
                                        <tr>
                                            <td>支出最多渠道</td>
                                            <td class="font05">渠道A(56%)</td>
                                            <td>支出最少渠道</td>
                                            <td class="font04">渠道C(2.8%)</td>
                                        </tr>
                                        <tr>
                                            <td>渠道A支出</td>
                                            <td class="font6">53602元</td>
                                            <td>渠道A支出占比</td>
                                            <td class="font6">4.8%</td>
                                        </tr>
                                        <tr>
                                            <td>渠道B支出</td>
                                            <td class="font6">53602元</td>
                                            <td>渠道B支出占比</td>
                                            <td class="font6">4.8%</td>
                                        </tr>
                                        <tr>
                                            <td>渠道C支出</td>
                                            <td class="font6">53602元</td>
                                            <td>渠道D支出占比</td>
                                            <td class="font6">4.8%</td>
                                        </tr>

                                    </tbody>
                                </table>
                                <p class="data_chart01" id="zhanbi03" _echarts_instance_="1594606287590"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 340px; height: 272px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 340px; height: 272px; user-select: none;">
                                    </div><canvas width="340" height="272" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 340px; height: 272px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="340" height="272" data-zr-dom-id="1" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 340px; height: 272px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="340" height="272" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 340px; height: 272px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="inner" style="display: none;">
                <div class="clear"></div>
                <div class="data_left07">
                    <div class="dataAllNo02 ">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit">xxxxxxx分析</div>
                                <div id="chart4"
                                    style="width: 100%; height: 95%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;"
                                    _echarts_instance_="ec_1594029582595">
                                    <div
                                        style="position: relative; overflow: hidden; width: 541px; height: 432px; padding: 0px; margin: 0px; border-width: 0px;">
                                        <canvas data-zr-dom-id="zr_0" width="541" height="432"
                                            style="position: absolute; left: 0px; top: 0px; width: 541px; height: 432px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas><canvas
                                            data-zr-dom-id="zr_2" width="541" height="432"
                                            style="position: absolute; left: 0px; top: 0px; width: 541px; height: 432px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
                                    </div>
                                    <div></div>
                                </div>

                                <div id="chart4s"
                                    style="width: 100%; height: 95%; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;"
                                    _echarts_instance_="ec_1594029582596">
                                    <div
                                        style="position: relative; overflow: hidden; width: 593px; height: 460px; padding: 0px; margin: 0px; border-width: 0px;">
                                        <canvas data-zr-dom-id="zr_0" width="593" height="460"
                                            style="position: absolute; left: 0px; top: 0px; width: 593px; height: 460px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas><canvas
                                            data-zr-dom-id="zr_2" width="593" height="460"
                                            style="position: absolute; left: 0px; top: 0px; width: 593px; height: 460px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
                                    </div>
                                    <div></div>
                                </div>

                                <p class="data_chart02" id="shijian01" _echarts_instance_="1594606287625"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 635px; height: 235px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 235px; user-select: none;">
                                    </div><canvas width="635" height="235" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 235px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="635" height="235" data-zr-dom-id="1" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 235px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="635" height="235" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 235px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>

                            </div>
                        </div>

                    </div>
                </div>
                <div class="data_left03">
                    <div class="dataAllNo02 ">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit">xxxxx分析</div>
                                <div id="container12"
                                    style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0); cursor: default;"
                                    _echarts_instance_="1594606287624">
                                    <div style="position: relative; overflow: hidden; width: 434px; height: 147px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none;">
                                        </div><canvas width="434" height="147" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <div id="gdMap" class="gd-map" _echarts_instance_="ec_1594029582591"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative;">
                                    <div
                                        style="position: relative; overflow: hidden; width: 344px; height: 227px; padding: 0px; margin: 0px; border-width: 0px;">
                                        <canvas data-zr-dom-id="zr_0" width="344" height="227"
                                            style="position: absolute; left: 0px; top: 0px; width: 344px; height: 227px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
                                    </div>
                                    <div></div>
                                </div>
                                <div id="gdMaps" class="gd-map" _echarts_instance_="ec_1594029582592"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative;">
                                    <div
                                        style="position: relative; overflow: hidden; width: 778px; height: 415px; padding: 0px; margin: 0px; border-width: 0px;">
                                        <canvas data-zr-dom-id="zr_0" width="778" height="415"
                                            style="position: absolute; left: 0px; top: 0px; width: 778px; height: 415px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
                                    </div>
                                    <div></div>
                                </div>

                                <p>xxxxx排行</p>
                                <p class="data_chart02" id="shijian03" _echarts_instance_="1594606287627"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 635px; height: 235px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 235px; user-select: none;">
                                    </div><canvas width="635" height="235" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 235px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="635" height="235" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 235px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="clear"></div>
                <div class="data_left05">
                    <div class="dataAllNo02">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit">xxxx分析</div>
                                <p class="data_chart02" id="shijian02" _echarts_instance_="1594606287626"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 635px; height: 235px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 235px; user-select: none;">
                                    </div><canvas width="635" height="235" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 235px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="635" height="235" data-zr-dom-id="1" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 235px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="635" height="235" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 235px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="data_left05">
                    <div class="dataAllNo02">
                        <div class="dataAllBorder01">
                            <div class="dataAllBorder02">
                                <div class="data_tit">xxxxxx分析</div>

                                <p class="data_chart03" id="shijian04" _echarts_instance_="1594606287628"
                                    style="-webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);">
                                <div style="position: relative; overflow: hidden; width: 635px; height: 241px;">
                                    <div data-zr-dom-id="bg" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 241px; user-select: none;">
                                    </div><canvas width="635" height="241" data-zr-dom-id="0" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 241px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="635" height="241" data-zr-dom-id="1" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 241px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                        width="635" height="241" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                        style="position: absolute; left: 0px; top: 0px; width: 635px; height: 241px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                </div>
                                </p>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="inner" style="display: block;">
                <div class="manage_left l_left">
                    <!--<div class="manage_left_nav"><img src="img/left_nav.png"/></div>-->
                    <div class="manage_line1">
                        <div class="manage_line2">
                            <div class="manage_top_middle">
                                <table class="table table-bordered">
                                    <tbody>
                                        <tr>
                                            <td>xxxx总数</td>
                                            <td colspan="3">25414人</td>
                                        </tr>
                                        <tr>
                                            <td>xxxxx</td>
                                            <td colspan="3">省内游客</td>
                                        </tr>
                                        <tr>
                                            <td>xxxxx</td>
                                            <td colspan="3">青年</td>
                                        </tr>
                                        <tr>
                                            <td>男性游客</td>
                                            <td>5424人</td>
                                            <td>女性游客</td>
                                            <td>5457人</td>
                                        </tr>
                                        <tr>
                                            <td>团队游客</td>
                                            <td>5424人</td>
                                            <td>散客</td>
                                            <td>5457人</td>
                                        </tr>
                                        <tr>
                                            <td>同比</td>
                                            <td>下降5%</td>
                                            <td>环比</td>
                                            <td>上升5.6%</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <p>xxxxx数据汇总</p>
                            </div>
                            <div class="manage_left_top">
                                <div class="manage_top_left l_left">
                                    <div id="container2"
                                        style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                        _echarts_instance_="1594606287616">
                                        <div style="position: relative; overflow: hidden; width: 145px; height: 147px;">
                                            <div data-zr-dom-id="bg" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 145px; height: 147px; user-select: none;">
                                            </div><canvas width="145" height="147" data-zr-dom-id="0" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 145px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="145" height="147" data-zr-dom-id="1" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 145px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="145" height="147" data-zr-dom-id="_zrender_hover_"
                                                class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 145px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                        </div>
                                    </div>
                                    <p>xxxxx分析</p>
                                </div>
                                <div class="manage_top_left l_left">
                                    <div id="container1"
                                        style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                        _echarts_instance_="1594606287615">
                                        <div style="position: relative; overflow: hidden; width: 145px; height: 147px;">
                                            <div data-zr-dom-id="bg" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 145px; height: 147px; user-select: none;">
                                            </div><canvas width="145" height="147" data-zr-dom-id="0" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 145px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="145" height="147" data-zr-dom-id="1" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 145px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="145" height="147" data-zr-dom-id="_zrender_hover_"
                                                class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 145px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                        </div>
                                    </div>
                                    <p>xxxx分析</p>
                                </div>
                                <div class="manage_top_left l_left">
                                    <div id="container3"
                                        style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                        _echarts_instance_="1594606287617">
                                        <div style="position: relative; overflow: hidden; width: 145px; height: 147px;">
                                            <div data-zr-dom-id="bg" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 145px; height: 147px; user-select: none;">
                                            </div><canvas width="145" height="147" data-zr-dom-id="0" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 145px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="145" height="147" data-zr-dom-id="1" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 145px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="145" height="147" data-zr-dom-id="_zrender_hover_"
                                                class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 145px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                        </div>
                                    </div>
                                    <p>xxxx分析</p>
                                </div>

                            </div>
                            <div class="manage_top_middle">
                                <div id="container4"
                                    style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                    _echarts_instance_="1594606287618">
                                    <div style="position: relative; overflow: hidden; width: 434px; height: 147px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none;">
                                        </div><canvas width="434" height="147" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <p>xxxx数据分析</p>
                            </div>
                            <!--<div class="manage_top_middle l_left">-->
                            <!--<div id="container5" style="height: 90%"></div>-->
                            <!--<p>天气——游客数据分析</p>-->
                            <!--</div>-->
                        </div>
                    </div>
                </div>
                <div class="manage_left l_left">
                    <!--<div class="manage_left_nav"><img src="img/left_nav.png"/></div>-->
                    <div class="manage_line1">
                        <div class="manage_line2">
                            <div class="manage_top_middle l_left">
                                <div id="container9"
                                    style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0); cursor: default;"
                                    _echarts_instance_="1594606287621">
                                    <div style="position: relative; overflow: hidden; width: 434px; height: 147px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none;">
                                        </div><canvas width="434" height="147" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <p>xxxx情况</p>
                            </div>
                            <div class="manage_top_middle l_left">
                                <div id="container10"
                                    style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0); cursor: default;"
                                    _echarts_instance_="1594606287622">
                                    <div style="position: relative; overflow: hidden; width: 434px; height: 147px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none;">
                                        </div><canvas width="434" height="147" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                        <div class="echarts-tooltip zr-element"
                                            style="position: absolute; display: none; border-style: solid; white-space: nowrap; transition: left 0.4s ease 0s, top 0.4s ease 0s; background-color: rgba(0, 0, 0, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); padding: 5px; left: 71px; top: 103px;">
                                            一月<br>游客数量（万人） : 5</div>
                                    </div>
                                </div>
                                <p>xxxx分析</p>
                            </div>
                            <div class="manage_top_middle l_left">
                                <div id="container11"
                                    style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                    _echarts_instance_="1594606287623">
                                    <div style="position: relative; overflow: hidden; width: 434px; height: 147px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none;">
                                        </div><canvas width="434" height="147" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <p>xxxx分析</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="manage_left l_left">
                    <!--<div class="manage_left_nav"><img src="img/left_nav.png"/></div>-->
                    <div class="manage_line1">
                        <div class="manage_line2">
                            <div class="manage_top_middle">
                                <div id="container12"
                                    style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0); cursor: default;"
                                    _echarts_instance_="1594606287624">
                                    <div style="position: relative; overflow: hidden; width: 434px; height: 147px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none;">
                                        </div><canvas width="434" height="147" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <p>xxxxx排行</p>
                            </div>
                            <div class="manage_top_middle">
                                <div id="container6"
                                    style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                    _echarts_instance_="1594606287620">
                                    <div style="position: relative; overflow: hidden; width: 434px; height: 147px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none;">
                                        </div><canvas width="434" height="147" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <p>xxxx数据分析</p>
                            </div>
                            <div class="manage_top_middle l_left">
                                <div id="container5"
                                    style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                    _echarts_instance_="1594606287619">
                                    <div style="position: relative; overflow: hidden; width: 434px; height: 147px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none;">
                                        </div><canvas width="434" height="147" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="434" height="147" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 434px; height: 147px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <p>xxxxx数据分析</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="inner" style="display: none;">
                <div class="user_left l_left" style=" margin-left: 0.6%">
                    <!--<div class="user_left_nav"><img src="../images/left_nav.png"/></div>-->
                    <div class="user_line1">
                        <div class="user_line2">
                            <div class="user_top_middle">
                                <table class="table table-bordered">
                                    <tbody>
                                        <tr>
                                            <td>xxxx总数</td>
                                            <td colspan="3">965人</td>
                                        </tr>
                                        <tr>
                                            <td>xxxx工作人员</td>
                                            <td>625人</td>
                                            <td>xxxx工作人员</td>
                                            <td>340人</td>
                                        </tr>
                                        <tr>
                                            <td>xxxx</td>
                                            <td>急救部</td>
                                            <td>xxxx工作人员</td>
                                            <td>xxx（99%）</td>
                                        </tr>
                                        <tr>
                                            <td>xxx</td>
                                            <td>售票部</td>
                                            <td>xxxx</td>
                                            <td>安保部</td>
                                        </tr>
                                        <tr>
                                            <td>xxx</td>
                                            <td>李焕</td>
                                            <td>xxx</td>
                                            <td>周伟</td>
                                        </tr>
                                        <tr>
                                            <td>xxxx主要原因</td>
                                            <td>人为损坏</td>
                                            <td>xxx处理情况</td>
                                            <td>均及时进行设备处理</td>
                                        </tr>
                                        <!--<tr>-->
                                        <!--<td>年度最佳员工</td>-->
                                        <!--<td>李进</td>-->
                                        <!--<td>重点观察员工</td>-->
                                        <!--<td>周伟</td>-->
                                        <!--</tr>-->

                                    </tbody>
                                </table>
                                <p>xxx管理汇总</p>
                            </div>
                            <div class="user_left_top">
                                <div class="user_top_left l_left">
                                    <div id="userContainerSex"
                                        style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                        _echarts_instance_="1594606287604">
                                        <div style="position: relative; overflow: hidden; width: 139px; height: 148px;">
                                            <div data-zr-dom-id="bg" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 139px; height: 148px; user-select: none;">
                                            </div><canvas width="139" height="148" data-zr-dom-id="0" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 139px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="139" height="148" data-zr-dom-id="1" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 139px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="139" height="148" data-zr-dom-id="_zrender_hover_"
                                                class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 139px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                        </div>
                                    </div>
                                    <p>工作人员性别占比</p>
                                </div>
                                <div class="user_top_left l_left">
                                    <div id="userContainerManage"
                                        style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                        _echarts_instance_="1594606287605">
                                        <div style="position: relative; overflow: hidden; width: 139px; height: 148px;">
                                            <div data-zr-dom-id="bg" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 139px; height: 148px; user-select: none;">
                                            </div><canvas width="139" height="148" data-zr-dom-id="0" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 139px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="139" height="148" data-zr-dom-id="1" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 139px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="139" height="148" data-zr-dom-id="_zrender_hover_"
                                                class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 139px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                        </div>
                                    </div>
                                    <p>各部门人员占比</p>
                                </div>
                                <div class="user_top_left l_left">
                                    <div id="userContainerAge"
                                        style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                        _echarts_instance_="1594606287606">
                                        <div style="position: relative; overflow: hidden; width: 139px; height: 148px;">
                                            <div data-zr-dom-id="bg" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 139px; height: 148px; user-select: none;">
                                            </div><canvas width="139" height="148" data-zr-dom-id="0" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 139px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="139" height="148" data-zr-dom-id="1" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 139px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="139" height="148" data-zr-dom-id="_zrender_hover_"
                                                class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 139px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                        </div>
                                    </div>
                                    <p>工作人员年龄段占比</p>
                                </div>

                            </div>
                            <div class="user_top_middle">
                                <div id="userContainerAttendance"
                                    style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                    _echarts_instance_="1594606287607">
                                    <div style="position: relative; overflow: hidden; width: 418px; height: 148px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none;">
                                        </div><canvas width="418" height="148" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="418" height="148" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="418" height="148" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <p>景区各部门出勤情况</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="user_left l_left" style=" margin-left: 0.6%">
                    <!--<div class="manage_left_nav"><img src="../images/left_nav.png"/></div>-->
                    <div class="user_line1">
                        <div class="user_line2">
                            <div class="user_top_middle l_left">
                                <div id="userContainerPersonal"
                                    style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                    _echarts_instance_="1594606287608">
                                    <div style="position: relative; overflow: hidden; width: 418px; height: 148px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none;">
                                        </div><canvas width="418" height="148" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="418" height="148" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="418" height="148" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <p>xxx排行</p>
                            </div>
                            <div class="user_top_middle l_left">
                                <div id="userContainerFlow"
                                    style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                    _echarts_instance_="1594606287609">
                                    <div style="position: relative; overflow: hidden; width: 418px; height: 148px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none;">
                                        </div><canvas width="418" height="148" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="418" height="148" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="418" height="148" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <p>xxx分析</p>
                            </div>
                            <div class="user_top_middle l_left">
                                <div id="userContainerIllegal"
                                    style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                    _echarts_instance_="1594606287610">
                                    <div style="position: relative; overflow: hidden; width: 418px; height: 148px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none;">
                                        </div><canvas width="418" height="148" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="418" height="148" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="418" height="148" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <p>xxxx分析</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="user_left l_left" style=" margin-left: 0.6%">
                    <!--<div class="manage_left_nav"><img src="../images/left_nav.png"/></div>-->
                    <div class="user_line1">
                        <div class="user_line2">
                            <div class="user_top_middle">
                                <div id="userContainerComplaint"
                                    style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                    _echarts_instance_="1594606287611">
                                    <div style="position: relative; overflow: hidden; width: 418px; height: 148px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none;">
                                        </div><canvas width="418" height="148" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="418" height="148" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="418" height="148" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <p>xxxx情况</p>
                            </div>
                            <div class="user_top_middle">
                                <div id="userContainerPrize"
                                    style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                    _echarts_instance_="1594606287612">
                                    <div style="position: relative; overflow: hidden; width: 418px; height: 148px;">
                                        <div data-zr-dom-id="bg" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none;">
                                        </div><canvas width="418" height="148" data-zr-dom-id="0" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="418" height="148" data-zr-dom-id="1" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                            width="418" height="148" data-zr-dom-id="_zrender_hover_" class="zr-element"
                                            style="position: absolute; left: 0px; top: 0px; width: 418px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                    </div>
                                </div>
                                <p>xxx分析</p>
                            </div>
                            <div class="user_top_middle l_left">
                                <div class="user_right_left l_left">
                                    <div id="userContainerReason"
                                        style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                        _echarts_instance_="1594606287613">
                                        <div style="position: relative; overflow: hidden; width: 209px; height: 148px;">
                                            <div data-zr-dom-id="bg" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 209px; height: 148px; user-select: none;">
                                            </div><canvas width="209" height="148" data-zr-dom-id="0" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 209px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="209" height="148" data-zr-dom-id="1" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 209px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="209" height="148" data-zr-dom-id="_zrender_hover_"
                                                class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 209px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                        </div>
                                    </div>
                                    <p>xxx原因分析</p>
                                </div>
                                <div class="user_right_left l_left">
                                    <div id="userContainerHandle"
                                        style="height: 90%; -webkit-tap-highlight-color: transparent; user-select: none; background-color: rgba(0, 0, 0, 0);"
                                        _echarts_instance_="1594606287614">
                                        <div style="position: relative; overflow: hidden; width: 209px; height: 148px;">
                                            <div data-zr-dom-id="bg" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 209px; height: 148px; user-select: none;">
                                            </div><canvas width="209" height="148" data-zr-dom-id="0" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 209px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="209" height="148" data-zr-dom-id="1" class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 209px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas><canvas
                                                width="209" height="148" data-zr-dom-id="_zrender_hover_"
                                                class="zr-element"
                                                style="position: absolute; left: 0px; top: 0px; width: 209px; height: 148px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></canvas>
                                        </div>
                                    </div>
                                    <p>故障处理情况</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>


    <script src="/static/images1/index.js"></script>
    <script src="/static/images1/bootstrap.min.js"></script>
    <script src="/static/images1/bootstrap-table.js"></script>
    <script type="text/javascript" src="/static/images1/jquery.pagination.js"></script>
    <script src="/static/images1/bootstrap-table-zh-CN.min.js"></script>
    <script type="text/javascript" src="/static/images1/api"></script>
    <script type="text/javascript" src="/static/images1/getscript"></script>

    <!--<script src="js/MainMap.js"></script>-->
    <script src="/static/images1/Home_page.js"></script>
    <script src="/static/images1/artDialog.js"></script>
    <script src="/static/images1/iframeTools.source.js"></script>
    <script type="text/javascript" src="/static/images1/echarts.min.js"></script>
    <script type="text/javascript" src="/static/images1/china.js"></script>
    <script type="text/javascript" src="/static/images1/xinjiang.js"></script>
    <script type="text/javascript" src="/static/images1/base.js"></script>
    <script type="text/javascript" src="/static/images1/12.js"></script>

    <script>
        var number;
        $(function () {
            if (window.screen.height <= 768) {
                number = 4;
            } else if (window.screen.height > 768 && window.screen.height <= 900) {
                number = 6
            } else if (window.screen.height > 1080) {
                number = 8
            }
        });


        //    翻页模块
        $(".tcdPageCode").createPage({
            pageCount: 5,
            current: 1,
            backFn: function (p) { }
        });
        $(".chemistry_tcdPageCode").createPage({
            pageCount: 4,
            current: 1,
            backFn: function (p) { }
        });
        $(".enterprise_tcdPageCode").createPage({
            pageCount: 4,
            current: 1,
            backFn: function (p) { }
        });
        $(".car_tcdPageCode").createPage({
            pageCount: 4,
            current: 1,
            backFn: function (p) { }
        });

        $(function () {
            $(".tit02Diva a").each(function (index) {
                $(this).on("click", function () {
                    $(".data_map").eq(index).fadeIn().siblings(".data_map").stop().hide();
                    $(this).prev('i').removeClass('i_crlieAction');
                    $(this).siblings('a').prev('i').addClass('i_crlieAction');

                })
            });
            BootstrapTable();
            Echarts();
            $("#fresh_tool").click(function (event) {
                event.stopPropagation();
                cancel();
            })

        });
        function EventClick() {
            $(".check_increase").removeClass("check_increase_act");
            $("#over_hide1").show().siblings().hide();
            $(".check_decrease").show();
            $("#cage_cl").hide();
            $("#map_title_innerbox").hide();
            $("#cage_cl1").show();
            //        $("#over_hide").show();
            $("#map_title_innerbox1").show();
            $(".addition_check_in").hide();
            $("#car_check_in").hide();
            BootstrapTable();
        }
        function cancel(e) {
            $(".check_increase").removeClass("check_increase_act");
            $("#over_hide").show().siblings().hide();
            $(".check_decrease").show();
            $("#cage_cl").show();
            $("#cage_cl1").hide();
            //        $("#cage_cl").show();
            //        $("#over_hide1").show();
            //        $("#map_title_innerbox").show();
            BootstrapTable();
        }

        //    地址检索
        $(".addition_check_btn").click(function () {
            $(".check_increase").addClass("check_increase_act");
            $(".check_decrease").hide()
            $(".addition_check_in").show().siblings().hide()
        });

        //    危化品检索
        function chemistryCheck() {
            $(".check_increase").addClass("check_increase_act");
            $(".check_decrease").hide()
            $("#chemistry_check_in").show().siblings().hide()
        }

        //    企业检索
        function enterpriseCheck() {
            $(".check_increase").addClass("check_increase_act");
            $(".check_decrease").hide()
            $("#enterprise_check_in").show().siblings().hide()
        }

        //    车辆检索
        function carCheck() {
            $(".check_increase").addClass("check_increase_act");
            $(".check_decrease").hide()
            $("#car_check_in").show().siblings().hide()
        }

        function BootstrapTable() {
            $('#table').bootstrapTable({
                method: "get",
                striped: true,
                singleSelect: false,
                url: "json/DGCar.json",
                dataType: "json",
                pagination: true, //分页
                pageSize: number,
                pageNumber: 1,
                search: false, //显示搜索框
                contentType: "application/x-www-form-urlencoded",
                queryParams: null,
                columns: [
                    //                {
                    //                    title: "车辆编号",
                    //                    field: 'id',
                    //                    width:80,
                    //                    align: 'center',
                    //                    valign: 'middle'
                    //                },
                    {
                        title: '车牌号',
                        field: 'carno',
                        width: 80,
                        align: 'center',
                        valign: 'middle'
                    },
                    {
                        title: '所属企业',
                        field: 'company',
                        align: 'center',
                        valign: 'middle'
                    },

                    {
                        title: '运输内容',
                        field: 'content',
                        align: 'center'
                    },

                    {
                        title: '行驶速度',
                        field: 'speed',
                        width: 80,
                        align: 'center'
                    },
                    {
                        title: '车辆载重',
                        field: 'load',
                        width: 80,
                        align: 'center'
                    },
                    {
                        title: '操作',
                        field: 'load',
                        align: 'center',
                        formatter: function (value, row) {
                            var e = '<a  href="javascript:void(0)" title="" onclick="showCarDetai()">查看详情</a> ';
                            var d = '<a  href="javascript:void(0)" title="" onclick="analiysis(\'' + row.id + '\')">车辆定位</a> ';
                            return e + d;
                        }
                    }

                ]
            });
            $('#table1').bootstrapTable({
                method: "get",
                striped: true,
                singleSelect: false,
                url: "json/note1.json",
                dataType: "json",
                pagination: true, //分页
                pageSize: number,
                pageNumber: 1,
                search: false, //显示搜索框
                contentType: "application/x-www-form-urlencoded",
                queryParams: null,
                columns: [
                    {
                        title: "威胁源",
                        field: 'id',
                        align: 'center',
                        valign: 'middle'
                    },
                    {
                        title: '辐射距离',
                        field: 'title',
                        align: 'center',
                        valign: 'middle'
                    },
                    {
                        title: '威胁范围',
                        field: 'type',
                        align: 'center',
                        valign: 'middle'
                    },

                    {
                        title: '危害类型',
                        field: 'person',
                        align: 'center'
                    }

                ]
            });
            $('#table2').bootstrapTable({
                method: "get",
                striped: true,
                singleSelect: false,
                url: "json/note2.json",
                dataType: "json",
                pagination: true, //分页
                pageSize: number,
                pageNumber: 1,
                search: false, //显示搜索框
                contentType: "application/x-www-form-urlencoded",
                queryParams: null,
                columns: [
                    {
                        title: "威胁源",
                        field: 'id',
                        align: 'center',
                        valign: 'middle'
                    },
                    {
                        title: '辐射距离',
                        field: 'title',
                        align: 'center',
                        valign: 'middle'
                    },
                    {
                        title: '威胁范围',
                        field: 'type',
                        align: 'center',
                        valign: 'middle'
                    },

                    {
                        title: '危害类型',
                        field: 'person',
                        align: 'center'
                    }

                ]
            });
        }

        function Echarts() {
            var myChart = echarts.init($("#container_huan")[0]);
            var option = {
                tooltip: {
                    trigger: 'item',
                    formatter: "{a} <br/>{b}: {c} ({d}%)"
                },
                legend: {
                    orient: 'vertical',
                    x: 'left',
                    data: ['民用爆炸', '射钉器材', '危化品', '寄递物流', '旅店'],
                    textStyle: {
                        color: "#e9ebee"
                    }
                },
                series: [
                    {
                        name: '行业数据',
                        type: 'pie',
                        center: ['80%', '50%'],
                        radius: ['50%', '80%'],
                        avoidLabelOverlap: false,
                        label: {
                            normal: {
                                show: false,
                                position: 'center'
                            },
                            emphasis: {
                                show: true,
                                textStyle: {
                                    fontSize: '30',
                                    fontWeight: 'bold'
                                }
                            }
                        },
                        itemStyle: {
                            normal: {
                                label: {
                                    show: false
                                },
                                labelLine: {
                                    show: false
                                }
                            }
                        },
                        data: [
                            { value: 335, name: '民用爆炸' },
                            { value: 310, name: '射钉器材' },
                            { value: 234, name: '危化品' },
                            { value: 135, name: '寄递物流' },
                            { value: 1548, name: '旅店' }
                        ]
                    }
                ]
            };
            myChart.setOption(option);
        }


        function TimeControl() {
            $(".message_scroll_box").animate({ marginTop: 96 }, 800,
                function () {
                    $(".message_scroll_box").css({ marginTop: 0 });    //把顶部的边界清零
                    $(".message_scroll_box .message_scroll:first").before($(".message_scroll_box .message_scroll:last"));    //在第一个新闻后面插入最后一个新闻

                });
        }
        var T = setInterval(TimeControl, 2300);    //开始定时
        $(".message_scroll_box").mouseenter(function () {
            clearInterval(T);    //停止定时
        })
            .mouseleave(function () {
                T = setInterval(TimeControl, 2500);    //再次定时
            })

    </script>

    <!--轨迹回放时间日期选择-->
    <script>
        !function () {
            laydate.skin('danlan');//切换皮肤，请查看skins下面皮肤库
            laydate({ elem: '#demo' });
            laydate({ elem: '#demo1' });//绑定元素
        }();
        //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY-MM-DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };

        var end = {
            elem: '#end',
            format: 'YYYY-MM-DD',
            min: laydate.now(),
            max: '2099-06-16',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，充值开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
        function edit() {
            layer.open({
                type: 2,
                title: '存储详情',
                shade: 0.5,
                skin: 'layui-layer-rim',
                area: ['700px', '400px'],
                shadeClose: true,
                closeBtn: 1,
                content: 'saveFindTail.html'
            });
        }
    </script>
    <script>
        // 百度地图API功能
        var map = new BMap.Map("map");    // 创建Map实例
        map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别
        //添加地图类型控件
        map.addControl(new BMap.MapTypeControl({
            mapTypes: [
                BMAP_NORMAL_MAP,
                BMAP_HYBRID_MAP
            ]
        }));
        var mapStyle = {
            style: "dark"
        };
        map.setMapStyle(mapStyle);
        map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true);
    </script>

    <style>
        .btnbox {
            position: fixed;
            bottom: 20px;
            width: 100%;
            text-align: center;
            z-index: 1000;
        }

        .btnbox a {
            margin: 0 3px;
            border-radius: 30px;
            color: #fff;
            font-size: 18px;
            padding: 8px 25px;
            text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.2);
            transition: all 0.5s;
        }

        .btnbox .btn1 {
            background: linear-gradient(60deg, #26c6da, #00acc1);
            box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(0, 188, 212, .4);
        }

        .btnbox .btn2 {
            background: linear-gradient(60deg, #66bb6a, #43a047);
            box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(76, 175, 80, .4);
        }

        .btnbox a:hover {
            background: #47c8ff
        }
    </style>






























    <div
        style="display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; cursor: move; opacity: 0; background: rgb(255, 255, 255);">
    </div>
</body>

</html>